weird behavior when using 'rangeExtractor' to make a colum sticky

[ps-selliott]

Hello,

I'm currently trying to implement a virtualized table using @tanstack/react-table where the first column is sticky. This has proven to be more challenging than I thought, as I'm experiencing some unexplainable behavior when using rangeExtractor to force the "visible range" to always contain 0 (first col) as its first index.

In my example below, I made some small modifications to the existing Tanstack example for column virtualization. While this example does not show the sticky column behavior, it does show the aforementioned weird behavior where columns seem to stop rendering once the virtualization kicks in.

Minimum Reproduceable Example

https://codesandbox.io/p/devbox/great-phoebe-slhtxc

Perhaps by forcing the rendering of the first column, maybe that is messing with the virtualizer's state in some way?

Reading rangeExtractor in the developer docs, it specifically says it can be used to add/remove items...useful for sticky items, etc. so I'm fairly confident I'm at least on the right track to finding a solution.

If anyone has any insight into this issue I would be most appreciative.

[caritaou]

I am seeing the same issue, using this example with rangeExtractor
https://github.com/user-attachments/assets/3cc01bdc-7022-436a-a196-4991b485769f

[ps-selliott]

I ended up abandoning ship on the idea of using rangeExtractor for sticky columns due to this issue. I came across an old github comment from Tanner about managing certain things "outside of the virtualizer" so I was able to get sticky columns working by simply managing them as such, rather than try to convince the virtualizer to keep those objects around.

[caritaou]

Thanks, I might have to follow suit and manage it outside the virtualizer as well...

[ps-selliott]

Best of luck! I'll definitely check back on this thread at some point, the rangeExtractor seemed like the obvious answer based on the documentation, hopefully if this really is an issue it's patched in a future version.

Happy coding!