tdesign-react
tdesign-react copied to clipboard
[Table] 表格组件,在动态列的情况下,会存在短暂读取不到行属性的问题
tdesign-react 版本
1.9.2
重现链接
https://codesandbox.io/p/sandbox/tdesign-table-issue3-2jjl2d
重现步骤
- 为表格组件,设置了两组数据,两组数据的列数量不同,名称也不同。
- 两组数据,分别为年度数据和季度数据
- 表格需要根据数据的不同,动态渲染不同的表格列
- 问题:切换两组数据后,会出现短暂的读取不到表格行属性的情况(具体可看代码,这里文字不太好描述),这个代码已经做了这个规避处理,但是认为出现这个问题不合理。
参考视频:
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,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。
这个 Demo 在 v1.9.2 的版本虽然有「短暂的读取不到表格行属性的情况」,但最终还是可以显示出数据
在某个版本开始到 v.1.13.x,彻底白屏,没有数据显示...暂时没定位到源头
在刚发布的 v1.14.0 版本针对虚拟滚动做了一次重构优化,但我认为「短暂的读取不到表格行属性的情况」是合理的...无法完全规避,因为 column 与 data 的更新/读取是有顺序的
针对整个表格 data 替换的场景,我建议使用 tableRef.current.refreshTable() 进行刷新,或者给 Table 绑定一个 key,方便 React 重绘,确保状态顺序正常