tdesign-react icon indicating copy to clipboard operation
tdesign-react copied to clipboard

[Table] 虚拟滚动表格滚动到指定行,滚动的位置有偏移

Open 950620 opened this issue 1 year ago • 4 comments

tdesign-react 版本

v1.3.1

重现链接

No response

重现步骤

No response

期望结果

No response

实际结果

企业微信截图_89275ade-de95-45f9-8fa1-ff54ea4e1f1b

框架版本

React(16.14.0)

浏览器版本

No response

系统版本

No response

Node版本

v18.12.1

补充说明

No response

950620 avatar May 10 '24 02:05 950620

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

github-actions[bot] avatar May 10 '24 02:05 github-actions[bot]

具体是什么偏移 给个截图或者视频看看?

uyarn avatar May 10 '24 11:05 uyarn

以下是具体代码 `

` ` const scrollToDomainValue = () => { if (!data.length) return; if (!beScrollToDomainValueId) return; // 查询待跳转元素的下标 const index = data.findIndex(value => value.valueId === beScrollToDomainValueId); console.log('匹配到的数据', index); if (index === -1) return; tableRef.current.scrollToElement({ // 跳转元素下标 index, // 滚动元素距离顶部的距离(如表头高度) top: [47,](url) // 高度动态变化场景下,即 isFixedRowHeight = false。延迟设置元素位置,一般用于依赖不同高度异步渲染等场景,单位:毫秒。(固定高度不需要这个) time: 300, // 滚动行为方式 behavior: 'smooth', }); }; ` 如图所示,点击左侧的单元格,右侧表格滚动到对应的行,但是存在偏移。数据较多的表格,偏移越明显 image

950620 avatar May 13 '24 02:05 950620

具体是什么偏移 给个截图或者视频看看?

https://github.com/Tencent/tdesign-react/assets/81455406/a45c0c23-c48d-4a4f-a6fc-ced75902ffef 如视频及上述评论内容。会在表格内容从少切换到多时,滚动出现不固定偏移

950620 avatar May 17 '24 02:05 950620