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

[Table] 表格组件,在动态列的情况下,会存在短暂读取不到行属性的问题

Open cdevq opened this issue 1 year ago • 1 comments

tdesign-react 版本

1.9.2

重现链接

https://codesandbox.io/p/sandbox/tdesign-table-issue3-2jjl2d

重现步骤

  1. 为表格组件,设置了两组数据,两组数据的列数量不同,名称也不同。
  2. 两组数据,分别为年度数据和季度数据
  3. 表格需要根据数据的不同,动态渲染不同的表格列
  4. 问题:切换两组数据后,会出现短暂的读取不到表格行属性的情况(具体可看代码,这里文字不太好描述),这个代码已经做了这个规避处理,但是认为出现这个问题不合理。

参考视频:

https://github.com/user-attachments/assets/e234ad63-16de-422d-9c84-d02a0fa3fbe3

期望结果

No response

实际结果

No response

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

cdevq avatar Oct 31 '24 13:10 cdevq

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

github-actions[bot] avatar Oct 31 '24 13:10 github-actions[bot]

这个 Demo 在 v1.9.2 的版本虽然有「短暂的读取不到表格行属性的情况」,但最终还是可以显示出数据

在某个版本开始到 v.1.13.x,彻底白屏,没有数据显示...暂时没定位到源头

在刚发布的 v1.14.0 版本针对虚拟滚动做了一次重构优化,但我认为「短暂的读取不到表格行属性的情况」是合理的...无法完全规避,因为 columndata 的更新/读取是有顺序的

针对整个表格 data 替换的场景,我建议使用 tableRef.current.refreshTable() 进行刷新,或者给 Table 绑定一个 key,方便 React 重绘,确保状态顺序正常

RylanBot avatar Aug 21 '25 12:08 RylanBot