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

[Table] 可展开和收起的表格,添加stripe属性的斑马纹导致切换样式时,斑马纹会动态变换

Open HaixingOoO opened this issue 1 year ago • 3 comments

tdesign-react 版本

latest

重现链接

https://stackblitz.com/edit/react-kd1cyb?file=src%2Fdemo.jsx

重现步骤

https://github.com/Tencent/tdesign-react/assets/65376724/6ffd8954-9d0b-4728-9d28-b209cd05d6a9

  • stackoverflow 在您的特定情况下,您可以简单地反转奇数和偶数 nth-of-type 的 CSS 规则(请参阅代码片段)。 nth-of-type 引用标签,即 div 元素,而不是类,因此也计算第一个没有类的 div。(也就是table斑马纹展開這裡的元素是相同的tr,所以不會忽略)

期望结果

展开的斑马纹不会样式错乱

实际结果

展开的斑马纹会样式错乱

框架版本

React(18.2.0)

浏览器版本

chrome(116.0.5845.111)

系统版本

window10

Node版本

18.20.0

补充说明

No response

HaixingOoO avatar Dec 15 '23 06:12 HaixingOoO

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

github-actions[bot] avatar Dec 15 '23 06:12 github-actions[bot]

♥️ 有劳 @yunfeic @tengcaifeng @Yacent @basecss 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @HaixingOoO 。

github-actions[bot] avatar Dec 15 '23 06:12 github-actions[bot]

似乎这种一闪而过只有 react 有,我测了一下 vue-next 的就不会闪,只是在展开的即时更改奇数偶数行的背景色。

Summer-Shen avatar Feb 29 '24 14:02 Summer-Shen