cellStyle必须是函数，接收params参数（含cellData、field、row），根据单元格值动态返回CSS对象；不可写成静态对象，需显式return，空对象表示不覆盖默认样式。
layui table 的 cellStyle 回调函数怎么写
直接用 cellstyle 就能动态控制单个单元格样式，它会在每次渲染单元格时执行，返回一个包含 css 属性的对象。注意它和 style（整列统一样式）不同，是逐单元格计算的。
常见错误是把它写成静态对象，比如 cellStyle: { color: 'red' } —— 这样所有单元格都会变红，起不到“按内容判断”的作用。
-
cellStyle必须是函数，接收params参数，其中params.cellData是当前单元格值，params.field是字段名，params.row是整行数据 - 函数必须显式
return一个对象，哪怕只改一个属性，比如{ background: '#ffebee' } - 不要在回调里操作 DOM 或调用
table.render()，会触发重复渲染甚至死循环
数值型字段超过阈值标红的写法示例
比如订单金额列 amount 超过 10000 就标红底色：
cols: [[
{ field: 'amount', title: '金额', cellStyle: function(params) {
if (params.cellData && parseFloat(params.cellData) > 10000) {
return { background: '#ffebee', color: '#d32f2f' };
}
return {};
}
}
]]
注意 parseFloat 防止字符串比较出错；空值或非数字要兜底，否则可能报 NaN > 10000 为 false 而漏判；返回空对象表示不覆盖默认样式。
状态字段用文字匹配做颜色区分
状态列（如 status）值为 "success"、"error"、"pending" 时对应绿/红/灰：
- 别用
switch硬编码，优先用映射表，方便维护：const statusColor = { success: '#e8f5e9', error: '#ffebee', pending: '#e0e0e0' } - 检查
params.cellData是否为字符串且存在，避免undefined导致statusColor[undefined]返回undefined - 颜色值建议用十六进制，避免透明度带来的兼容问题（尤其 IE）
自定义 class 替代内联 style 更可控
如果样式较复杂（比如加图标、边框、hover 效果），推荐用 cellClass 配合 CSS 类名：
cellClass: function(params) {
if (params.cellData === 'error') return 'cell-error';
if (params.cellData === 'warning') return 'cell-warning';
return '';
}
然后在页面中加 CSS：
.cell-error { background: #ffebee !important; color: #d32f2f !important; }
.cell-warning { background: #fff3cd !important; color: #856404 !important; }
注意加 !important，因为 layui 默认样式权重高；类名别用太泛的（如 error），防止全局污染。
容易忽略的是：表格重载（table.reload()）后 cellStyle 和 cellClass 会重新执行，但手动修改 DOM 添加的 class 不会自动同步——所以一切样式逻辑必须收口到这两个回调里，别混用 JS 操作。
