layui表格默认不支持隔行换色，even: true可启用固定颜色的内置斑马纹，但复杂场景（如树表、fixed列、虚拟滚动）下必须用rowstyle函数或done回调手动实现；:nth-child失效因tbody被拆分且表头干扰序号计算。
直接用 even: true 就能开默认隔行色，但颜色固定、不支持自定义；真要控制颜色或兼容复杂场景（比如树表、fixed列、虚拟滚动），必须用 rowstyle 函数或 done 回调手动打标——没有“一键配 css”的万能解法。
为什么 :nth-child(odd) 在 Layui 表格里基本失效
Layui 渲染后会动态插入多个 <tbody>（尤其开启 <code>fixed 或 height 时），每个 <tbody> 独立计数，<code>:nth-child 只在各自范围内生效，视觉上就断开了。另外表头 <thead> 的 <code><tr> 也会干扰序号计算，纯 CSS 方案不可靠。
<ul>
<li>别写 <code>.layui-table tr:nth-child(odd)，大概率错位或全不生效
#myTable .layui-table tbody tr:nth-child(odd)，但必须确保容器有唯一 ID 或 class
rowStyle 是最稳的自定义入口，但必须满足三个条件
它只在渲染每行前执行，返回对象才能生效，不是函数就白写。注意：它默认不触发，除非你启用了 checkbox/radio 列——这是很多人踩坑的根源。
- 必须加一列触发器：
{type: 'checkbox', hide: true}或{type: 'radio', hide: true}，否则rowStyle根本不调用 - 函数必须显式返回对象，例如：
return {background: index % 2 ? '#fff' : '#f9f9f9'}，返回字符串、null或空对象都不行 - 字段名和逻辑要防错：用
row.status?.toLowerCase() === 'error'比row.status === 'error'更安全，避免undefined导致整行样式丢失
树表（treeTable）和重载后隔行色丢失怎么办
树表展开/收起会动态增删 DOM 节点，rowStyle 不会自动重算；而 table.reload() 会清空所有状态，包括你手动加的 class 或内联样式。
- 树表直接配
even: true最省事，它会自动加lay-even类并启用内置规则 - 若需自定义颜色，监听
onExpand事件，在展开后调用修复函数：treeTable.on('expand(test)', function(obj){ fixZebraStriping('test'); }); - 重载时务必把
rowStyle显式传进去：table.reload('test', { rowStyle: myRowStyleFn })，漏掉就退化成默认色
真正麻烦的不是怎么加颜色，而是哪些场景会让颜色“突然消失”：fixed 列拆分 tbody、树表节点折叠、分页切换、reload 未带回调、甚至只是后端字段名拼错一个字母——这些地方没留神，隔行色就断在了不该断的位置。
