rowStyle回调需返回样式对象，接收row和index参数，用于动态设置行背景色；必须校验字段存在性，避免undefined导致样式错乱；多条件用查表法，禁用重复计算；IE11仅支持十六进制色值。
layui table 的 rowStyle 回调怎么写
直接用 rowstyle 就能按字段值动态改行背景色，它在每行渲染前执行，返回一个对象控制样式。别用 cellstyle 或 css 伪类硬套，那没法读取整行数据。
常见错误是把判断逻辑写在 initSort 或 done 里，结果只生效一次；或者返回字符串（如 "background:red"），但 layui 要求返回对象。
-
rowStyle函数接收两个参数：row（当前行数据对象）、index（行索引） - 必须返回对象，例如
{background: '#f8f8f8'}，键名是 CSS 属性驼峰写法（backgroundColor也行，但background更简短） - 注意：表格开启
even（隔行变色）时，rowStyle的设置会覆盖默认偶数行样式，要手动补全逻辑
table.render({
elem: '#demo',
url: '/api/list',
cols: [[{field:'status', title:'状态'}]],
rowStyle: function(row, index){
if(row.status === 'error') return {background: '#ffebee'};
if(row.status === 'success') return {background: '#e8f5e9'};
return {}; // 不设样式时务必返回空对象，不能返回 null/undefined
}
});
字段值为空或 undefined 时背景色错乱怎么办
后端字段缺失、接口返回 null、字段名拼错，都会让 row.status 是 undefined，导致判断失效，整行没样式或误匹配。
- 永远先做存在性校验：
row.status != null && row.status !== ''，别只用==或=== - 如果字段是数字型（如
status: 0），注意!row.status会把0当 false，要用row.status === 0显式比 - 调试时在
rowStyle里加console.log(row)，确认字段真实结构和值类型
多条件组合判断（比如 status + time）怎么避免嵌套太深
字段组合判断一多，if/else if/else 嵌套容易漏分支、难维护。用查表法更稳。
- 把颜色规则提前定义成数组或对象，例如：
const bgMap = {'error_24h': '#ffebee', 'warn_7d': '#fff3cd'} - 在
rowStyle中拼 key：const key = `${row.status}_${row.timeRange}`，再查表返回样式 - 注意 fallback：查不到 key 时返回空对象，否则某条数据异常会导致整行样式崩掉
- 避免在回调里重复计算（如 new Date()、JSON.parse），这些操作在每行都跑一遍，大数据量时卡顿明显
IE11 下 background 不生效的兼容写法
layui 2.8+ 默认支持 IE11，但部分老项目用了自定义 CSS 变量或 rgba()，IE11 不认，背景色就变成透明。
- 一律用十六进制色值，比如
#ff6b6b，别用rgba(255, 107, 107, 0.1)或var(--red) - 如果真要半透效果，用 IE 兼容的 8 位 hex（
#ff6b6b1a），但注意不是所有版本 layui 都支持，稳妥起见还是纯色 - 检查是否启用了
skin: 'molv'等内置皮肤，它们自带 CSS 规则可能覆盖你的rowStyle，可加!important（不推荐），或改用rowClass配合外部 CSS
cellStyle 单独处理。
