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
I'm trying to add virtualization to a Table that has inconsistent row heights due to cells with text wrap. When all the columns are in view, the virtualization works as well as it could by using estimatedRowHeight. But when the Table also has horizontal scroll, if the tallest cell in a given row is not initially in view, then the row height jumps around a bit when that column is scrolled into view. I have made an example here: https://codesandbox.io/p/sandbox/tyd6mz
Since my Table has a fixed number of columns and many rows, most of the performance benefit comes from the vertical virtualization. I tried a custom TableLayout implementation that marks every column as "sticky", but it didn't work quite the way I expected it to. Is there a good way to disable the horizontal virtualization on Table? Or would it be possible to achieve this with a custom Virtualizer implementation?
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
Uh oh!
There was an error while loading. Please reload this page.
-
I'm trying to add virtualization to a Table that has inconsistent row heights due to cells with text wrap. When all the columns are in view, the virtualization works as well as it could by using
estimatedRowHeight
. But when the Table also has horizontal scroll, if the tallest cell in a given row is not initially in view, then the row height jumps around a bit when that column is scrolled into view. I have made an example here: https://codesandbox.io/p/sandbox/tyd6mzSince my Table has a fixed number of columns and many rows, most of the performance benefit comes from the vertical virtualization. I tried a custom
TableLayout
implementation that marks every column as "sticky", but it didn't work quite the way I expected it to. Is there a good way to disable the horizontal virtualization on Table? Or would it be possible to achieve this with a customVirtualizer
implementation?Beta Was this translation helpful? Give feedback.
All reactions