首先给出一个明确的结论：若需为 Layui 数据表格设置奇偶行不同背景，最可靠的方案是使用 rowStyle 回调并返回一个对象，同时将 even 属性关闭，并在每次执行 reload 时重新传入完整配置。尽管 CSS 的 :nth-child 写法看似简洁，但一旦表格启用了固定列或虚拟滚动，DOM 结构会被拆分，导致样式错乱——因此，动手之前务必确认表格是否涉及这些特性。
rowStyle 必须返回对象，而非字符串
许多开发者第一时间会写成 return 'background-color: #f0f0f0;' 或 return {css: '...'}，结果发现样式毫无反应。实际上，Layui 的 rowStyle 回调要求返回一个键值对对象，且只识别 style 和 class 这两个字段，其余字段均被忽略。
rowStyle是一个函数，接收params（包含index、data等信息），必须显式return一个对象- 正确写法示例：
return {style: 'background-color: #f9f9f9;'}或return {class: 'my-row-odd'} - 切勿使用
css字段——Layui 不予识别，写了等于无效 - 注意
index从 0 开始计数，因此params.index % 2 === 0对应的是第 1、3、5……行（视觉上的“偶数行”）
用 class 替代 style 更稳定可靠
内联样式写多了不仅容易遗漏分号或引号，后期维护也颇为麻烦。推荐的做法是直接添加一个 class，然后通过 CSS 统一控制，后续需要切换主题时只需修改一处即可。
- 在
rowStyle中返回{class: 'layui-table-odd'}或{class: params.index % 2 === 0 ? 'row-even' : 'row-odd'} - CSS 中可这样定义：
.row-even { background-color: #f8f9fa !important; }——必须添加!important，否则会被 Layui 自带的行内样式覆盖 - 如果已经开启了
even: true（Layui 内置隔行色），请务必手动改为even: false，否则 class 与内置样式冲突，效果将混乱
reload 后样式丢失？需要重传 rowStyle
table.reload() 仅负责刷新数据和重建 DOM，并不会自动重新执行 rowStyle 函数——这一陷阱文档并未明确说明，但许多开发者都曾深受其扰。
- 不要指望在
done回调中手动用$('.layui-table tbody tr').eq(i).css(...)来补充样式，这种方式效率较低，且容易遗漏固定列中的行 - 正确做法：每次执行
reload时都携带完整的配置，包括rowStyle函数本身，让整个初始化逻辑重新执行一遍 - 如果逻辑较为复杂，建议将
rowStyle抽取为独立函数（例如命名为setRowBg），避免内联函数在 reload 时被丢弃
固定列或设置了 height？别轻信 :nth-child
当表格启用了 fixed: 'left'，或者设置了 height 触发了虚拟滚动时，Layui 会将 tbody 拆分成多个独立的模块。此时 :nth-child(odd) 会在每个模块内单独计数，导致视觉上奇偶色断裂，样式错位且难以排查。
- 这种情况下只能依赖 JS 动态添加标记。可在
done回调中遍历所有真实数据行：obj.elem.next('.layui-table-box').find('.layui-table-body tbody tr') - 注意过滤掉表头
th、空提示行.layui-table-empty、合计行等非数据行 - 移动端上颜色差异过小（例如
#f9f9f9与#ffffff）可能难以辨识，建议优先调整明度，避免调整饱和度
说到底，真正的难点并非如何书写颜色样式，而是在动手前先想清楚：表格是否有固定列？是否可能产生滚动？未来是否需要支持主题切换？这些问题没有理清就套用 CSS，大概率后期需要返工重做。
