tdesign-react
tdesign-react copied to clipboard
[Table] 可展开和收起的表格,添加stripe属性的斑马纹导致切换样式时,斑马纹会动态变换
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,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。
♥️ 有劳 @yunfeic @tengcaifeng @Yacent @basecss 尽快确认问题。 确认有效后将下一步计划和可能需要的时间回复给 @HaixingOoO 。
似乎这种一闪而过只有 react 有,我测了一下 vue-next 的就不会闪,只是在展开的即时更改奇数偶数行的背景色。