Tencent / Tencent/tdesign-react
[Table] 可展开和收起的表格,添加stripe属性的斑马纹导致切换样式时，斑马纹会动态变换
Open
@chaishi is already working on this.
Since Dec 15, 2023.
🎨 design
🙏🏻 help wanted
- Dominant language
- TypeScript
- Stars
- 965
- Forks
- 373
- Avg merge
- 3d 6h
- Merged PRs (30d)
- 17
Description
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
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.