TanStackT
TanStackโ€ข13mo agoโ€ข
2 replies
hurt-tomato

Tanstack virtual with multiple sections without fixed heights

reactvue
Hi everyone ๐Ÿ‘‹

I'm currently looking into how I can implement TanStack virtual for a grid like setup with the setup in the screenshot.

I originally thought I could potentially use 2 window virtualizers but that conceptually doesn't make too much sense nor does it seem adviseable.

Would it be as simple as having 2 virtualizers which leverage the lanes functionality ? So in this case it would be one for "Files" and one for "Folders" ?

If I did go ahad with the above and I didn't defined a fixed height myself would it even benefit from virutalization, ugh this is driving me nuts ๐Ÿ˜‚ It's usually pretty straight as I've only used it for simple lists which have fixed heights but this particular setup can't have that.

Any comments or feedback would be fab, this is driving me nuts.

Thanks,

Alex M
Screenshot_2025-02-09_at_22.38.51.png
Was this page helpful?