rc-table with resize and scroll props lags between the header and the body - Githubissues

react-component / table

React Table

https://table.react-component.now.sh

MIT License

1.3k stars 589 forks source link

rc-table with resize and scroll props lags between the header and the body #525

Open ivanmontiel-lw opened 4 years ago

ivanmontiel-lw commented 4 years ago

[X] I have searched the issues of this repository and believe that this is not a duplicate.
- Note: I have seen a few similar issues with many rows and performance, but none specifically for resizing.

Reproduction link

Steps to reproduce

Use Ant Table (or the rc-table directly), with code to implement the column resize behavior and scroll y.
Try to resize the column
The more rows rendered, the more the problem is noticeable.

What is expected?

No performance issues. Header cell widths and row columns widths stay the same.

What is actually happening?

There is noticeable lag of the header cells and desync between header widths and row widths.

Environment	Info
antd	4.6.1
React	16.12.0
System	Mac OS X
Browser	Chrome 84.0.4147.125

From investigating, when the scroll y prop and column widths are updated, every row in the table is re-rendered when the column is resized.

Copied from https://github.com/ant-design/ant-design/issues/26475.

afl1986 commented 3 years ago

Guys pay attention to this please. Performance drops noticeably

hoanmq commented 3 years ago

I am very concerned about this issue, user experience very bad

german-st commented 3 years ago

Hello!

Any news on the solution?

vladimircherevko commented 3 years ago

I have the same problem

snoweastcn commented 3 years ago

The same problem

vitaliymaz commented 3 years ago

+1, the problem is still relevant.

ilteoood commented 3 years ago

Bump. It is a pretty annoying bug.

gianmarco27 commented 3 years ago

Hi! do you believe this issue will be inspected anytime soon?

dhaladitya108 commented 1 week ago

any status on this, I am also encountering this on vue.js component?