List with dynamic columns (flex)

[charkour]

Hey all,

I discovered a cool feature from react-virtual that I'd like to port over to tanstack virtual. I've tried a couple of ideas but wasn't sucessful.

Is it possible to make a virtual list with tanstack virtual with a dynamic number of columns? As you resize the screen to make it larger, I'd like there to be more columns.

Here's a demo of what I'd like (and here's the context).

Is this possible with tanstack virtual? Thank you!

[piecyk]

Hi @charkour, yes, following same approach like @bvaughn did. Checkout this example using window scroll https://codesandbox.io/s/recursing-archimedes-0ngxmg?file=/src/main.tsx

[charkour]

Thank you! This worked well and helped me to fix the remaining bugs in my implementation.

This example is really helpful! I could be helpful to add it to the documentation on the examples. Anyways, thanks agin.