-
Notifications
You must be signed in to change notification settings - Fork 322
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Table] 可展开和收起的表格,添加stripe属性的斑马纹导致切换样式时,斑马纹会动态变换 #2669
Open
HaixingOoO opened this issue
Dec 15, 2023
· 3 comments
· May be fixed by #2823 or Tencent/tdesign-common#1764
Open
[Table] 可展开和收起的表格,添加stripe属性的斑马纹导致切换样式时,斑马纹会动态变换 #2669
HaixingOoO opened this issue
Dec 15, 2023
· 3 comments
· May be fixed by #2823 or Tencent/tdesign-common#1764
Labels
Comments
👋 @HaixingOoO,感谢给 TDesign 提出了 issue。 |
|
chaishi
changed the title
[Table] 可展开和收起的表格,添加stripe属性的斑马纹导致切换样式错乱
[Table] 可展开和收起的表格,添加stripe属性的斑马纹导致切换样式时,斑马纹会动态变换
Dec 15, 2023
似乎这种一闪而过只有 react 有,我测了一下 vue-next 的就不会闪,只是在展开的即时更改奇数偶数行的背景色。 |
16 tasks
16 tasks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Labels
tdesign-react 版本
latest
重现链接
https://stackblitz.com/edit/react-kd1cyb?file=src%2Fdemo.jsx
重现步骤
6f10f13adc290b96a82923dd9c6ce7d4.mp4
在您的特定情况下,您可以简单地反转奇数和偶数 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
The text was updated successfully, but these errors were encountered: