Performance issue with getHeaderGroups() when using many virtualized columns (10k+)
react
Hi TanStack team 
I’m experimenting with TanStack Table + virtualized columns, and I’ve run into a performance issue that I’d like to clarify.
- I’m rendering a table with a very large number of columns (tested with ~10,000).
- Column virtualization is enabled.
- When I toggle visibility of a single column, I notice a significant rendering delay.
- Profiling in Chrome DevTools shows that most of the time is spent when executing
More specifically, the
I have attached performance tab screenshots and codesandbox example
My question is if this is expected behavior when working with a very large number of columns (10k+)? Or am i posibbly misusing something.
Thanks for your amazing work on TanStack Table!
I’m experimenting with TanStack Table + virtualized columns, and I’ve run into a performance issue that I’d like to clarify.
Context
- I’m rendering a table with a very large number of columns (tested with ~10,000).
- Column virtualization is enabled.
- When I toggle visibility of a single column, I notice a significant rendering delay.
- Profiling in Chrome DevTools shows that most of the time is spent when executing
table.getHeaderGroups()More specifically, the
memoI have attached performance tab screenshots and codesandbox example
My question is if this is expected behavior when working with a very large number of columns (10k+)? Or am i posibbly misusing something.
Thanks for your amazing work on TanStack Table!
