rowStyle回调必须返回样式对象而非字符串，需校验字段存在性、合并多条件样式，并在table.reload时重新传入该函数。
rowStyle 回调必须返回对象，不是字符串
很多人写 rowstyle 时直接返回类似 "background: #f00" 的字符串，结果完全没效果。layui 明确要求这个函数必须返回一个样式对象，键是 css 属性名（驼峰或短名都行），值是字符串。
常见错误写法：return "background-color: #ffebee;" → 不生效return {css: {background: "#ffebee"}} → 多余嵌套，也不对
正确写法只有一层对象：
rowStyle: function(row, index) {
if (row.status === 'error') {
return {background: '#ffebee'};
}
return {}; // 注意：不能 return null 或 undefined
}
支持的键包括：background、backgroundColor、color、borderLeft 等，全部用驼峰写法；值必须是字符串，带单位（如 px）或颜色值（如十六进制、rgb）。
字段值为 null/undefined 时背景色失效怎么办
后端字段缺失、返回 null、拼错字段名（比如写了 row.statu），都会让判断条件永远不成立，整行没样式，或者误匹配到其他分支。
必须做存在性校验，不能只靠 ===：
-
row.status != null && row.status !== ''—— 同时排除null和空字符串 -
String(row.status || '').trim()—— 统一转成字符串再比对，兼容数字、布尔、带空格字符串 -
row.status === 0要显式写，别用!row.status，否则0会被当 false - 大小写敏感：后端传
"ERROR"，你写=== 'error'就挂了，建议统一转小写：String(row.status || '').toLowerCase() === 'error'
调试时加一句 console.log(row)，确认字段真实结构和类型，比猜快得多。
多条件组合时样式互相覆盖
rowStyle 只能返回一个对象，不能“叠加”多个 return。如果先判断 status 返回背景色，再单独判断 isLocked 返回边框，后者会覆盖前者——因为第二个 return 执行后函数就结束了。
所有样式要合并到同一个对象里：
rowStyle: function(row) {
const style = {};
if (row.status === 'error') {
style.background = '#ffebee';
} else if (row.status === 'warning') {
style.background = '#fff3cd';
}
if (row.isLocked) {
style.borderLeft = '3px solid #007bff';
}
return style;
}
注意顺序：优先级高的逻辑（比如告警行）放前面，用 if-else if 截断；通用修饰（比如加边框、改文字色）放后面，用独立 if 累加。
表格重载后样式丢失？reload 时必须重传 rowStyle
用 table.reload() 刷新数据时，Layui 不会自动保留初始化时传入的 rowStyle 函数闭包。如果你没在 reload 参数里重新传，新数据渲染时就走默认样式。
正确做法：
table.reload('demo-table', {
url: '/api/list',
where: {type: 'urgent'},
rowStyle: function(row) { /* 和 render 里一模一样的函数 */ }
});
别嫌麻烦——这是唯一可靠方式。顺带提醒：even: false 建议始终加上，避免和内置隔行变色冲突；IE11 只认十六进制色值（#f00 可以，red 或 rgb(255,0,0) 会失效。
