Tencent/tdesign-react

[Table] 表格表头吸顶存在错位现象

Opened this issue · 2 comments

nickcdon commented

tdesign-react 版本

1.10.0

重现链接

https://tdesign.tencent.com/react/components/table#%E5%8F%AF%E8%A1%A8%E5%A4%B4%E5%90%B8%E9%A1%B6-%E8%A1%A8%E5%B0%BE%E5%90%B8%E9%A1%B6%E7%9A%84%E8%A1%A8%E6%A0%BC

重现步骤

image

  1. 在多屏下，移动光标并focus（任意点击一下）到其他窗口

  2. 再移动光标回到Table组件窗口

    2.1 如果直接左右滚动（不点击到Table组件内），会出现截图现象，第一次点击时，依旧出现截图现象，当第二次点击（无论是在Table组件内还是外）后吸顶块会正常跟着移动

    2.2 如果直接focus到Table组件（第一次点击），并左右滚动时，会出现截图现象，但是第二次点击（无论是在Table组件内还是外）后则吸顶块会正常跟着移动

    2.3 如果是先点击到Table组件外，再回到Table组件内则吸顶块会正常跟着移动

期望结果

吸顶块header可以正常跟随内容滚动

实际结果

出现错位

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

github-actions commented

👋 @nickcdon，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

C1rq commented

固定表头，改变窗口尺寸或组件尺寸也会这样，并且有时开发环境和生产环境的现象不一样
https://github.com/user-attachments/assets/09f0e471-8821-4c3c-9bca-1bbd40b1ba75