layui table 的 rowStyle 回调必须在 table.render() 初始化时传入，返回驼峰式 CSS 属性对象（如 {backgroundColor: '#fff'}），支持根据 row 字段动态设样式，翻页/排序自动重执行；不可后期 patch 或手动 DOM 操作。
layui table 的 rowStyle 回调怎么写才生效
直接改 dom 或用 jquery 批量加 class 很容易失效——因为 layui 表格会重绘、分页、排序时重新渲染行，手动加的样式会被清掉。rowstyle 是唯一被 layui 官方支持且能稳定作用于每行的钩子。
它必须在 table.render() 初始化时传入，不能后期 patch。返回值要是对象，键是 CSS 属性名（驼峰式），值是字符串；返回 null 或空对象则不加样式。
- 只对当前页生效，翻页后自动重跑，不用手动干预
- 不要在里面写
$(tr).addClass()，这和 layui 渲染逻辑冲突 - 如果要根据字段值变色，确保字段名拼写和
cols中定义的一致，比如data.status对应列的field: 'status'
table.render({
elem: '#demo',
url: '/api/list',
cols: [[{field:'status', title:'状态'}]],
rowStyle: function(row, index) {
if (row.status === 'error') {
return { background: '#ffebee', color: '#c62828' };
}
if (row.status === 'success') {
return { background: '#e8f5e9', color: '#2e7d32' };
}
}
});
动态刷新某一行背景色（比如操作后实时变色）
表格已渲染完，但某条数据状态变了，想立刻高亮这一行？rowStyle 不会自动重触发，得靠 table.cache + table.reload() 或 table.updateCell() 配合。
最轻量的做法是：更新缓存里的对应数据，再调用 table.updateCell() 刷新单个单元格（它会触发整行重绘，从而再次走 rowStyle）。
- 别用
table.cache["id"]直接赋值后指望视图更新——layui 不监听对象变化 -
table.updateCell()必须传id（表格实例的 id）、index（行索引）、field和value，哪怕只是“假装”改个无关字段，也能触发重绘 - 如果用了
id参数初始化表格，updateCell才能准确定位；否则只能用reload()全量刷新，代价大
// 假设这行数据 index 是 2，要标记为处理中
table.updateCell({
id: 'demo-table',
index: 2,
field: 'status',
value: 'processing'
});
为什么加了 rowStyle 却没反应？常见断点位置
不是代码写错，而是被几个隐性条件卡住了。
-
rowStyle函数里抛错（比如访问了row.xxx但字段不存在），整个回调静默失败，控制台可能没报错——加个console.log(row)确认结构 - 用了
skin: 'line'或'nob'皮肤，某些 CSS 规则会覆盖内联样式，检查 computed style 里background是否被!important干掉 - 返回的对象属性名写成短横线（如
'background-color'），必须用驼峰（backgroundColor） - 表格开启了
even: true，偶数行自带浅灰背景，会叠在你的样式上，要么关掉，要么把颜色设得足够强（比如加!important，但不推荐）
CSS 覆盖比 rowStyle 更灵活的场景
当需要 hover 效果、过渡动画、或基于多字段组合判断样式时，rowStyle 就力不从心了——它只支持静态内联样式，没法写 :hover 或 transition。
这时应该用 CSS 类 + rowClassName（layui 2.8+ 支持），或者老版本用 done 回调批量加 class（注意重绘时机）。
-
rowClassName返回字符串类名，比rowStyle更易维护，也兼容伪类 - 如果用
done，务必等table渲染完成后再操作 DOM，且每次分页/搜索都要重新执行，容易漏 - 自定义 class 名别用太泛的（如
.active），避免和 layui 内部类冲突
rowClassName: function(row, index) {
if (row.isUrgent && row.status !== 'done') {
return 'urgent-row warning-row';
}
}
layui 的行样式逻辑本质是「渲染时决定」，不是「渲染后修补」。所有动态需求，都得回到数据驱动和重绘触发这两个支点上——绕开它们，就只能靠 hack，而 hack 在下一次 layui 升级时大概率失效。
