Layui表格中用rowClassName动态加行类名，需在table.render配置项中设置rowClassName函数，该函数接收{data, index, tr}参数并同步返回类名字符串，支持多类空格分隔，天然兼容分页、重载与排序，且不覆盖layui默认样式。
layui table.render 中如何用 rowClassName 动态加行类名
直接用 rowclassname 配置项，它接收一个函数，返回字符串类名（支持空格分隔多个类）。这个函数在每行渲染时调用，参数是 {data, index, tr}，其中 data 就是当前行原始数据对象。
注意：必须是 table.render() 的配置项，不是 init 或事件里补的；且只对「初始渲染」和「重载（table.reload()）」生效，不响应后续手动 DOM 操作。
-
rowClassName返回值为空字符串或undefined时，该行不加额外类 - 返回的类名会追加到
<tr> 元素的 <code>class属性中，不会覆盖 layui 默认的layui-table-hover等基础类 - 如果需要根据后端返回的字段（比如
status）区分状态，直接取data.status即可，无需额外请求
常见字段值映射 CSS 类的写法示例
比如后端返回 status: "success"、"warning"、"error"，你想让整行变绿/黄/红背景：
rowClassName: function (obj) {
var status = obj.data.status;
if (status === 'success') return 'status-success';
if (status === 'warning') return 'status-warning';
if (status === 'error') return 'status-error';
return '';
}
也可以一行写（但可读性下降）：
rowClassName: ({data}) => ({
success: 'status-success',
warning: 'status-warning',
error: 'status-error'
}[data.status] || '')
注意：CSS 类需自己定义，例如：
.status-success { background-color: #f0fff0 !important; }
.status-warning { background-color: #fff8e1 !important; }
.status-error { background-color: #ffebee !important; }
!important 是必须的，因为 layui 表格默认有 hover 和奇偶行样式，会覆盖你设的背景色。
为什么用 rowClassName 而不用 done 回调里手动加 class
用 done 回调 + $('tr') 遍历加 class 看似灵活，但有三个硬伤：
- 分页切换后不会自动执行，得监听
page事件再补一遍 - 搜索重载（
table.reload()）时，如果没显式触发done，类名就丢了 - 表格开启
loading: true时，done在 loading 消失后才执行，视觉上会闪一下（先无样式，再加样式）
rowClassName 是 layui 内部在生成 <tr> 标签时就注入 class 的，不存在时机问题，也天然兼容分页、重载、排序等所有操作。
<h3>多字段组合判断或需要异步逻辑怎么办</h3>
<p><code>rowClassName 函数必须同步返回，不能 await、不能发请求。如果要根据另一个接口结果决定类名，说明设计不合理——这种判断应该由后端在列表接口里一并返回字段（比如加个 rowStyleType 字段），前端只做简单映射。
真有极特殊场景必须动态查（比如本地缓存查用户权限），也只能同步查（localStorage.getItem、Map.has 这类），否则会破坏表格渲染流程，导致类名缺失或错位。
另外，别在 rowClassName 里操作 DOM 或调用 layer.msg 等 UI 方法，它只负责返回类名字符串，其余事情交给 CSS 和事件处理。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
