layui表格行点击高亮需用row-style返回背景色并配合事件代理监听tr点击，手动管理active状态，重载后须在done回调中恢复，且CSS需加!important确保生效。
layui table 行点击高亮的 class 用法
直接加 row-style 回调函数，配合 tr 的 data-index 属性控制样式最稳妥。layui 表格默认不保留上一次选中状态，得自己记下当前高亮行并手动清理。
- 不要用
onRow简单加addClass，没清理逻辑会导致多行同时高亮 - 必须在
row-style中返回{'background-color': 'xxx'}才能生效，直接操作 DOM 容易被重绘覆盖 -
row-style是渲染时执行的，适合静态样式；动态响应点击得靠事件代理 + 状态管理
监听 tr click 并切换 active 样式
给表格容器加事件监听比给每行绑 click 更可靠，避免重绘后事件丢失。重点是拿到 tr 对应的 data-index，再用它定位数据索引或做唯一标识。
- 监听容器：
layui.table.on('tool(test)', function(obj){...})不适用——这是工具栏事件，不是整行点击 - 正确写法：
$(tableElem).on('click', 'tbody tr', function(){...})，其中tableElem是table.render()返回的elem - 获取当前行数据：用
layui.table.cache['test'][index]，index来自$(this).data('index') - 记得先
$(tableElem).find('tr.active').removeClass('active')清掉旧状态
为什么不能只靠 CSS :hover？
因为用户要的是“点击后持续高亮”，不是悬停效果。:hover 在鼠标移开就消失，且无法支持键盘操作或程序化选中。
- Layui 默认没提供
active类，得自己定义：.layui-table tbody tr.active td{ background-color: #f0f8ff !important; } - 如果用了
skin: 'line'或'nob'>，背景色可能被边框或透明底色干扰，务必加!important - 移动端点击无反馈？补上
cursor: pointer和-webkit-tap-highlight-color: transparent
数据重载后高亮丢失怎么办
表格刷新（table.reload()）会清空所有 DOM 状态，包括你加的 active 类。必须把选中状态存在外部变量里，并在 done 回调里重新应用。
- 存状态：
let activeIndex = null;，点击时赋值为$(this).data('index') - 重载时传参：
table.reload('test', { done: function(){ applyActive(activeIndex); } }); -
applyActive函数里用$('tr[data-index="' + index + '"]').addClass('active')，别漏了引号包裹 - 如果启用了分页，
data-index是当前页内序号，跨页需改用数据唯一字段（如id）做标记
row-style 和事件监听混着用导致样式打架。
