Feature Request: Virtualize component index information

[amartens181]

I'd like the ability to use the current index information in a <virtualize> for CSS even/odd classes.

Is your feature request related to a problem? Please describe.

Using nth-child in a virtual list leads to unpleasant class-shifting, so baking it in as a class fixes the issue

Describe the solution you'd like

Exposing the current index would be okay. Exposing some properties (like Index, IsEven, IsOdd, IsFirst, IsMiddle, IsLast) would help with other use-cases

Additional context

Most JS virtualization libraries I've used expose these for easy class binding

[javiercn]

@amartens181 thanks for contacting us.

Is there a reason why the pseudo selectors :nth-child(odd) and :nth-child(even) don't work for you?

[amartens181]

@javiercn When you use :nth-child in a virtual list, it will reflect the current portion of the list rather than the whole. So if you're using different background colors and scrolling, you see the background shift constantly as the view is recycled.

[javiercn]

@amartens181 thanks for the additional details.

We'll discuss this in our triage meeting and update the issue accordingly.

We've moved this issue to the Backlog milestone. This means that it is not going to be worked on for the coming release. We will reassess the backlog following the current release and consider this item at that time. To learn more about our issue management process and to have better expectation regarding different types of issues you can read our Triage Process.

[TanayParikh]

Thanks, closing as duplicate of #26943.