cellStyle里直接return样式对象最可靠，因它在渲染时动态计算并随数据重绘，避免DOM操作失效；须接收params参数、返回合法CSS对象，且需校验空值以防NaN或误判。
cellStyle 里直接 return 样式对象最可靠
layui 的 table.render() 支持通过列配置的 cellstyle 函数动态控制单元格样式，这是唯一能稳定响应数据变化、且不破坏表格内部渲染逻辑的方式。别试图在 templet 里写 style="color:red" —— 那样会丢失 hover、选中等内置样式，还可能被 layui 后续重绘覆盖。
实操要点：
-
cellStyle函数接收一个参数params，其中params.data是当前行完整数据，params.field是当前列字段名，params.value是当前单元格原始值 - 必须 return 一个对象，如
{color: '#f00', 'font-weight': 'bold'}；返回null或空对象则不应用额外样式 - 不要在函数里操作 DOM（比如
$(...).css()），Layui 渲染时还没生成真实节点，也违背响应式设计原则
常见颜色判断场景怎么写
根据数值大小、状态码、字符串关键词变色，本质都是条件分支。注意避开隐式类型转换陷阱：
- 数值比较用
params.value > 100，别写params.value == '100'（字符串 vs 数字） - 状态字段如
status: 1对应“启用”，建议统一用枚举常量或 Map 映射，避免散落多处硬编码 - 示例：给金额列标红（负数）、标绿（正数）
cellStyle: function(params){
if (params.field === 'amount') {
if (params.value < 0) return {color: '#e74c3c'};
if (params.value > 0) return {color: '#27ae60'};
}
}
为什么不能用 templet + style 内联？
表面看 templet 能自由拼 HTML，但实际会引发三类问题：
- 文字颜色会被 Layui 默认的
.layui-table-cell的color: #333层叠覆盖，除非加!important（不推荐） - 单元格内 padding、line-height 等样式与 Layui 主题不一致，尤其在 dark 模式下颜色对比度失效
- 开启
scrollBar或使用虚拟滚动时，templet返回的 DOM 可能被反复销毁重建，内联 style 容易丢失或错位
兼容性与性能提醒
cellStyle 是 Layui 2.8+ 原生支持的 API，低于此版本需升级或改用 done 回调 + table.cache 手动遍历 DOM —— 但那样无法响应排序、分页后的重绘，极易漏样式。
性能上无需担心：Layui 内部对 cellStyle 函数做了缓存和节流，只要函数体不执行耗时操作（如 AJAX、复杂正则），对千行表格影响极小。
真正容易被忽略的是：当字段值为 null 或 undefined 时，params.value 就是 undefined，直接参与比较会出 NaN 或 false，务必先做存在性判断。
