You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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!
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
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 theobserveElementOffset
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!
Beta Was this translation helpful? Give feedback.
All reactions