Autodesk/react-base-table

Severe scroll lag

carielis opened this issue · 11 comments

lag.mp4

I don’t know what went wrong, but on macOS the lags look even worse, it’s also impossible to use on an office computer

on macOS

123.online-video-cutter.com.mp4
Uregek commented

i am facing the same problem ^

fix this please

Set same row height maybe result good performance~

Set same row height maybe result good performance~

  • A little better, but not even close with react-window + sticky

Set same row height maybe result good performance~

  • A little better, but not even close with react-window + sticky

yes, you can read the issue reply which write by the repo author: #3 (comment)

which mentions: Thanks for the abandonment of IE(the only reason I used three tables to achieve frozen columns), those features could be accomplished in a super simple way and much better performance(using position: sticky)

I think the scroll lag is caused by using three table for fixed column. so maybe we can fixed it by using position: sticky; I'd like to try it...

Set same row height maybe result good performance~

  • A little better, but not even close with react-window + sticky

yes, you can read the issue reply which write by the repo author: #3 (comment)

which mentions: Thanks for the abandonment of IE(the only reason I used three tables to achieve frozen columns), those features could be accomplished in a super simple way and much better performance(using position: sticky)

I think the scroll lag is caused by using three table for fixed column. so maybe we can fixed it by using position: sticky; I'd like to try it...

Do you happen to know the fork in which this is implemented?

We defeated vertical scrolling by making sticky

Untitled.mp4

, but we don’t yet understand how to defeat headers

@carielis How can sticky solve it?

@xiaoxudoo Do you happen to know the fork in which this is implemented?

@carielis How can sticky solve it?

We disabled fixedColumn and simply wrote our own solution, noting that column virtualization is missing from the react-base-table library