rowClassName 是唯一稳定生效的行样式配置方式，必须在 table.render() 初始参数中定义，接收 {data, index, tr} 并同步返回空格分隔的类名字符串，仅对初始渲染和 table.reload() 生效，不覆盖默认类，且支持外部 DOM 查询。
直接用 rowClassName 函数，别碰 DOM 操作或 done 回调加 class——它会在分页、排序、重载时自动失效。
rowClassName 是唯一稳定生效的方式
这个配置项必须写在 table.render() 的初始参数里，函数接收 {data, index, tr}，返回字符串类名（空格分隔），Layui 会把它追加到 <tr> 的 <code>class 属性中，且不覆盖默认类（如 layui-table-hover）。
- 只对「初始渲染」和
table.reload()生效；手动改table.cache或调用updateCell()不会触发它 - 返回空字符串或
undefined，该行不加额外类 -
data就是当前行原始数据对象，比如后端返回了status: "error"，直接取data.status判断即可 - 别在函数里做异步请求（如
fetch），必须同步返回；否则类名永远加不上
常见错误：在 done 回调里用 jQuery 找 tr 加 class
这种写法看似能跑通，但实际埋了三个雷：
- 开启
height（虚拟滚动）后，done只处理可视区域的行，滚动后新出现的行不会自动加类 - 每次分页、排序、搜索都会触发
done，若没先removeClass()，类名越积越多 - 用
eq(2)定位列容易错位——列顺序一变，eq(2)就指向了别的字段；应改用data-field="status"属性定位
rowClassName 示例：按 status 字段区分行样式
假设后端返回的数据有 status 字段，值为 "success"、"error" 或 "pending"：
rowClassName: function(obj) {
if (obj.data.status === 'error') return 'row-error';
if (obj.data.status === 'success') return 'row-success';
if (obj.data.status === 'pending') return 'row-pending';
return '';
}
对应 CSS 需自己定义，例如：
.row-error { background-color: #ffebee !important; }
.row-success { background-color: #e8f5e9 !important; }
注意加 !important——因为 Layui 行内样式（如 hover 背景）权重高，不强制覆盖可能无效。
为什么 rowStyle 不适合加 class？
rowStyle 返回的是驼峰式 CSS 对象（如 {backgroundColor: '#fff'}），它不能添加 class 名，只能设内联样式。如果你要复用已有 CSS 类、配合媒体查询、或用 JS 动态切换（比如点击切换 row-expanded），rowClassName 是唯一选择。
另外，rowStyle 在表格重绘时会重新执行，但它不操作 class 属性；而 rowClassName 的返回值会直接写入 DOM 的 class，后续用 document.querySelector('.row-error') 也能精准命中——这点在需要外部脚本联动时很关键。
