cellStyle是唯一可靠方式，需在列配置中传入回调函数，根据row数据动态返回带分号的内联样式字符串，reload时必须显式重传cols配置。
必须用 cellStyle 函数，写在列配置里
直接操作 DOM（比如 document.querySelector('td:nth-child(3)')）改 background-color 是无效的——表格翻页、排序、reload() 后所有单元格都会重建，样式瞬间消失。唯一可靠的方式，是在列定义中传入 cellStyle 回调函数，让 layui 在每次渲染每个单元格前动态计算样式。
cellStyle 的参数是 row（当前行完整数据对象），返回值必须是合法 CSS 内联样式字符串，末尾带分号：
- 返回空字符串
''表示不加样式 - 返回
'background-color: #ffebee; color: #d32f2f;'这种格式，不能漏掉分号 - 别在里面调用
layui.$或修改 DOM，纯计算，无副作用 - 注意空值：如果
row.status可能为null或undefined，先做判断，比如row.status != null && row.status === 'error'
cellStyle 和 templet 怎么选
两者都能实现单列背景色，但适用场景不同：
-
cellStyle最轻量，只控制样式，不改变 HTML 结构，适合纯背景色 + 文字颜色微调 -
templet返回完整 HTML 字符串，可加padding、border-radius、图标等，但要注意 XSS 风险：如果内容含用户输入，必须用layui.util.escape(d.name)转义 - 如果只是「状态列红/绿/灰」这种简单需求，
cellStyle更干净；如果要包裹<div style="...">并居中、加边框、嵌图标，templet更灵活 -
templet会多一层 DOM 嵌套，可能破坏表格默认垂直对齐，且无法继承text-align等列级样式
reload() 后样式没了？记得重传 cellStyle
table.reload() 不会自动保留你之前传入的 cellStyle 函数——它只重载数据和部分配置，闭包里的函数引用不会被自动带过去。如果你在 reload 时不显式再传一次，新数据渲染时就走默认样式。
正确写法是：
table.reload('demo-table', {
url: '/api/list',
where: { type: 'active' },
cols: [[
{ field: 'status', cellStyle: function(row) {
if (row.status === 'error') return 'background-color: #ffebee;';
if (row.status === 'success') return 'background-color: #e8f5e9;';
return '';
}
}
]]
});
别省略 cols，哪怕其他列没变，也要把带 cellStyle 的整列配置重新传进去。
想给第 N 列加阴影或特殊边框？得靠 CSS :nth-child(n)
cellStyle 只能控制背景色、文字色等内联样式，不支持 box-shadow、border-left 这类需要额外布局空间的样式——因为 layui 表格默认 border-collapse: collapse 且容器 overflow: hidden，外阴影会被裁掉。
要加阴影，必须用 CSS 选择器硬改：
- 静态列结构：用
.layui-table tbody tr td:nth-child(3)+position: relative+box-shadow: inset 2px 0 4px -2px rgba(0,0,0,.1) - 列顺序可能变化（如启用拖拽列宽）：在
done回调里用$('td').eq(2).addClass('shadow-col')动态加 class，同时处理thead th - 别在
templet里写style="box-shadow: ..."，大概率不显示
真正容易被忽略的是：inset 阴影 + position: relative 是唯一稳定生效的组合，外阴影基本不可用。
