rowStyle是Layui中唯一稳定生效且随翻页/排序自动重算的文字颜色设置方式，需写在table.render顶层配置、返回{css:{}}对象、禁用line/nob皮肤，并在reload时显式重传。
rowStyle 是唯一稳定生效的方式
直接操作 DOM 或用 cellStyle 改文字颜色，要么不生效，要么 reload 后丢失。Layui 官方支持的、能随翻页/排序自动重算的机制只有 rowStyle —— 它在每行渲染前执行，返回的样式对象会被 Layui 主动注入到 <tr> 元素上。
必须满足三个前提才可能生效：
-
rowStyle要写在table.render()的顶层配置里，不能后期 patch - 返回值必须是形如
{css: {color: '#e74c3c'}}的对象，css字段不可省略 - 不能启用
skin: 'line'或skin: 'nob'，否则内联样式会被 Layui 自带的 border 规则覆盖
常见错误：返回字符串 'color: red;'、漏写 css 包裹、或把逻辑塞进 cols 配置里。
字段值判断要防空和拼写一致
rowStyle 回调接收的 row 是整行原始数据对象，字段名必须和 cols 中定义的 field 完全一致（包括大小写），且需提前处理 null/undefined。
示例中如果列配置是 {field: 'status', title: '状态'}，那就要用 row.status，而不是 row.Status 或 row.state：
rowStyle: function(row) {
if (row.status === 'error') {
return {css: {color: '#e74c3c'}};
}
if (row.status === 'success') {
return {css: {color: '#27ae60'}};
}
// 不返回任何值，保持默认文字颜色
}
若字段可能为空，建议加守卫判断：row.status != null && row.status === 'error'，避免控制台静默报错导致整个回调失效。
reload 时必须显式重传 rowStyle
调用 table.reload() 重载表格时，Layui 不会自动继承初始化时的 rowStyle 函数。如果你没在 reload 参数里重新传入，新数据渲染后文字颜色就退回到默认值。
正确写法是把 rowStyle 提取为变量或函数引用，确保两次调用都用同一份逻辑：
const myRowStyle = function(row) {
return row.amount > 10000 ? {css: {color: '#d32f2f'}} : null;
};
table.render({
elem: '#demo',
url: '/api/list',
rowStyle: myRowStyle,
cols: [[{field: 'amount', title: '金额'}]]
});
// reload 时也要带上
table.reload('demo', {
url: '/api/list?status=active',
rowStyle: myRowStyle // ← 必须重传
});
漏掉这一步是生产环境最常复现的“颜色突然失效”原因。
兼容旧版或需 DOM 计算时用 done 回调
Layui 2.5.x 及更早版本不支持 rowStyle，或者你需要读取当前单元格宽度、计算文字长度再决定颜色——这类动态依赖 DOM 的场景，只能靠 done 回调兜底。
但要注意：固定列（fixed: 'left'）会让表格拆成多个 <tbody>，必须分别处理主表体和左右固定区：
- 主表体：
layui.$('.layui-table-body tbody tr') - 左固定列：
layui.$('.layui-table-fixed-l tbody tr') - 右固定列：
layui.$('.layui-table-fixed-r tbody tr')
加 setTimeout(..., 10) 是必要的，否则低速设备上 DOM 可能还没完成渲染，querySelectorAll 找不到元素。
这种写法无法响应后续 reload，每次触发都要手动再跑一遍，只适合简单、静态的着色需求。
