Need some help with scrolling performance

[artchen-db]

Hi all. I am building a data grid with the tanstack react-table + react-virtual combo but I am having troubling making the scrolling performance better.

When profiling with chrome dev tools, I found for every scroll event, there is half time spent on Recalculate Style and Layout, the stack trace points to get scrollLeft from the observeElementOffset of react-virtual.

My grid use both vertical (row) and horizontal (column) virtualization, so 2 virtualizers with one of them as horizontal: true.

Any pointer to potential improvement is much appreciated! Thanks!