layui table的rowStyle回调需在table.render()中配置，接收row和index参数，返回CSS样式对象（如{background: '#f00'}），不可返回字符串；须处理空值、类型转换及skin兼容性问题。
layui table 的 rowStyle 回调函数怎么用
直接在 table.render() 配置里加 rowstyle，它会在每行渲染前被调用，返回一个带 css 属性的对象，就能控制整行样式。这个回调接收两个参数：row（当前行数据）和 index（行索引），别漏传。
常见错误是写成 cellStyle（那是单格的）或者把样式写在 cols 里——那只会作用于列头或单元格，对整行无效。
-
rowStyle返回的对象必须包含css字段，且值为对象，例如{color: '#f00'} - 不能返回内联 style 字符串（如
'color: red;'），会失效 - 如果依赖异步判断（比如查接口后设色），
rowStyle不支持 await，得提前把状态准备好
根据数据字段动态设色的典型写法
比如订单状态为 "failed" 时整行变红色，"success" 时绿色：
rowStyle: function(row, index){
if(row.status === 'failed'){
return {css: {color: '#e74c3c'}};
} else if(row.status === 'success'){
return {css: {color: '#27ae60'}};
}
// 默认不返回，保持原样
}
注意：这里改的是文字颜色，不是背景。如果想同时改背景，可以加 background 字段；但要小心覆盖掉 layui 默认的隔行变色（layui-table-odd 类），必要时手动补上 background 值避免视觉错乱。
为什么 rowStyle 有时不生效
最常踩的坑是表格启用了 skin: 'line' 或 skin: 'nob'，这两种皮肤下，layui 会给 <tr> 加 <code>style 属性强行覆盖你返回的 css，导致颜色被忽略。
- 确认没配
skin，或改用skin: 'default'（默认值） - 检查浏览器开发者工具里
<tr> 元素是否真的应用了你设的 <code>color，还是被其他 CSS 权重更高的规则干掉了 - 如果用了自定义 CSS 类（比如通过
className配置），确保它没用!important锁死颜色
替代方案：用 done 回调 + DOM 操作
当 rowStyle 受限（比如要读取 DOM 计算结果、或兼容旧版 Layui 2.5.x 以下）时，可在 done 里遍历 tr 手动加样式：
done: function(res, curr, count){
// 等表格 DOM 渲染完再操作
setTimeout(() => {
layui.$('.layui-table-body tbody tr').each(function(i, tr){
const data = res.data[i];
if(data && data.status === 'pending'){
layui.$(tr).css('color', '#e67e22');
}
});
}, 10);
}
注意加 setTimeout，因为 done 触发时 DOM 可能尚未完成渲染；时间太短（如 0）在某些低速设备上会失败。
这种写法灵活但绕过框架机制，容易和后续表格重载（如分页、搜索）冲突，务必在重载前清理旧样式或重跑逻辑。
