应使用rowStyle函数实现隔行变色，因其能覆盖所有场景；even:true虽简但颜色固定且不兼容fixed列和虚拟滚动。
直接用 even: true 最快，但颜色固定、不兼容 fixed 列和虚拟滚动；真要自定义颜色或确保稳定生效，必须用 rowStyle 函数——它才是唯一能覆盖所有场景的可靠方式。
用 even: true 开启默认隔行色，但别指望改颜色
这是最简方案，只需在 table.render() 配置里加一行：
even: true
它会自动给偶数行（第 0、2、4… 行）加 layui-table-even 类，背景色是浅灰（#f8f9fa），奇数行为白底。问题在于：
- 颜色写死在 layui 源码里，改它得动 CSS 文件，且容易被后续升级覆盖
- 开启
fixed: 'left'或设置height后，表格 tbody 被拆成多个块，layui-table-even类只作用于各自区域，视觉上“断开” - 树表（
treeTable）展开/收起后，该类不会重算，颜色立刻错乱
rowStyle 是唯一可控入口，但必须写对格式
它在每行渲染前执行，返回对象才能生效，不是函数就白写，返回字符串或空对象也无效。正确写法：
rowStyle: function(row, index) {
return {
css: {
background: index % 2 ? '#ffffff' : '#f5f7fa'
}
};
}
关键点：
- 必须返回带
css字段的对象，不能直接返回{background: '...'} -
index是渲染序号（从 0 开始），不是原始数据下标；排序、搜索后它会变，但视觉顺序是对的 - 支持结合数据逻辑，比如
if (row.status === 'error') return {css: {background: '#ffebee'}}; - 如果漏传
rowStyle到table.reload()，重载后立刻退化成默认色
为什么 :nth-child(odd) 在 Layui 表格里基本失效
很多人试过写 CSS：
#myTable .layui-table tbody tr:nth-child(odd) { background: #f8f9fa; }
结果要么全不生效，要么隔行错位。原因很实在：
- Layui 渲染时会动态插入多个
<tbody>（主表体 + 左右 fixed 列），每个 <code><tbody> 独立计数，<code>:nth-child只在自己范围内生效 <thead> 的 <code><tr> 也参与计数，导致序号偏移 <li>表格 hover、选中态、主题切换时，Layui 用内联样式覆盖 CSS，伪类优先级不够</li> <h3>树表、重载、fixed 列下隔行色丢失怎么办</h3> <p>这些不是边缘情况，而是日常高频问题：</p> <ul> <li>树表展开后 DOM 动态增删，<code>rowStyle不会自动重跑 → 必须监听onExpand事件，手动调用修复函数-
table.reload()会清空所有状态 → 每次重载都得把完整的rowStyle函数显式传进去，不能只传where或page - 启用
fixed列后，rowStyle仍有效，但要注意：它只作用于主表体的行，fixed 列的样式需额外用cellStyle单独处理
真正麻烦的不是加颜色本身，而是稍有疏忽——字段名拼错、重载漏配置、fixed 列没同步样式——隔行色就在用户眼皮底下断掉。
