ant-design Scrollbar issue on Table: The table header and body scroll were not in sync while scrolling horizontally.

kyks70gy  于 4个月前  发布在  其他
关注(0)|答案(4)|浏览(37)

https://codesandbox.io/p/sandbox/fixed-columns-antd-5-12-7-forked-6sgnwt

Steps to reproduce

  • Create an antd table with horizontal scroll.
  • Scroll the table horizontally.
  • The scrollbar is glitchy if the table is scrollable horizontally.
  • The header and corresponding columns scroll was not in sync.
  • The issue is clearly evident for more number of columns.

What is expected?

It is expected for the scrollbar to scroll smoothly

What is actually happening?

The header columns movement is not aligning with the body columns movement.

https://www.awesomescreenshot.com/video/23764432
| Environment | Info |
| ------------ | ------------ |
| antd | 5.12.7 |
| React | react/^18.0.0 |
| System | Ventura 13.2.1 |
| Browser | Chrome Version 120.0.6099.109 |

jc3wubiy

jc3wubiy1#

Didn't get reproduced, and your video cannot be opened.
Could you provide more detail?

2ic8powd

2ic8powd2#

Hi @MadCcc, Sorry for the inconvenience. Can you please check this video: https://www.awesomescreenshot.com/video/23764432?key=9388ba87e067a5a7dc81f453d2513be1 .

yqhsw0fo

yqhsw0fo3#

Hi @MadCcc, Is there any update on the above issue?

u91tlkcl

u91tlkcl4#

Since it has 2 table for scroll and scroll event is not keep in sync with web spec, it can help less on the native behavior. Unless use mock scroller.

相关问题