inovua
Stacking columns breaks column virtualization
-
Edition/Version: [email protected]
-
What you did: Created stacking column headers using groups
-
What happened: Column virtualization does not work
-
Reproduction repository: Sandbox using the doc example for stacking columns: https://codesandbox.io/s/jovial-brown-8mxzhy?file=/src/App.js
Problem description: My table requires around 100 columns. I've found that having grouped headers is causing the table to load and render all columns into the DOM. Not sure if it's having grouped headers or not having column virtualization, but this causes cell selection/ editing to be really slow.
With stacked headers:
Without stacked headers:
Any suggestions for workaround? Also please let me know if I'm missing something