Heavy Recalculate style stack in performance on scroll

Autodesk / react-base-table

A react table component to display large datasets with high performance and flexibility

https://autodesk.github.io/react-base-table/

MIT License

1.5k stars 164 forks source link

Heavy Recalculate style stack in performance on scroll #415

Open mauliksoni110 opened 1 year ago

mauliksoni110 commented 1 year ago

We are using react-base-table in our tables, the scroll virtualised performance seems laggy. The "Recalculate Style" stack in Chrome performance tab reaches 50ms+, for unknown reason. Chrome also shows "Forced reflow" warning in console and in the Performance tab. Using react/react-dom v18. Any way to overcome/debug the issue?