必须用事件代理绑定表格单元格点击事件，即$(tableElem).on('click','td',fn)，并在done回调中注册；高亮需用自定义class+!important，通过data-field识别列，重载后须存行列索引并在done中恢复。
点击单元格高亮必须用事件代理，不能直接绑定 onclick
直接给 td 元素写 onclick 或用 layui.$('td').on('click', ...) 绑定，会在表格重载、分页、排序后失效——因为 dom 被重建，事件监听就丢了。正确做法是监听表格容器的委托事件：$(tableelem).on('click', 'td', function(){})，其中 tableelem 是 table.render() 返回的 elem 属性值。
常见错误现象：点第一行有效，翻页后再点就无效；或点了没反应，控制台也无报错——大概率是事件绑定时机不对或作用域丢失。
- 确保在
table.render()的done回调里注册事件，此时 DOM 已渲染完成 - 别用
$('.layui-table td')查找，应从tableElem出发，避免跨表干扰 - 移动端需补
cursor: pointer和-webkit-tap-highlight-color: transparent，否则点击无视觉反馈
高亮样式必须用 class + !important，不能靠内联 style
用 $(this).css('background-color', '#fff9c4') 设置背景色，极大概率被 Layui 内部样式覆盖（比如 .layui-table tbody tr:hover td 或皮肤类 skin: 'line' 的边框透明底色）。唯一可靠方式是加自定义 class，并在 CSS 中用 !important 提权：
.layui-table-cell-highlight {
background-color: #fff9c4 !important;
color: #333 !important;
}
然后在事件中操作 class：
- 每次点击前先清除所有
.layui-table-cell-highlight：$(tableElem).find('td.layui-table-cell-highlight').removeClass('layui-table-cell-highlight') - 再给当前
td加上：$(this).addClass('layui-table-cell-highlight') - 不要用
$(this).attr('style', ...)，Layui 重绘时会清空内联 style
如何区分“点击的是哪一列”并做条件响应
单元格本身不带字段标识，得从所在行和列索引反推。Layui 表格的 td 元素有 data-field 属性（渲染时自动注入），可直接读取：
const field = $(this).data('field'); // 如 'status'、'name'
const rowIndex = $(this).closest('tr').data('index'); // 当前页内行序号
const rowData = layui.table.cache['yourTableId'][rowIndex]; // 获取整行数据
使用场景举例：只允许点击 status 列触发高亮，其他列忽略；或点击 price 列时高亮，同时弹出编辑框。
- 判断字段名：
if (field === 'status') { ... } - 注意
rowIndex是当前页序号，跨页需结合data-id等唯一字段定位真实数据 - 如果列用了
templet自定义内容，data-field仍存在，但内部 HTML 可能干扰事件冒泡，建议加stopPropagation()
重载表格后高亮状态丢失怎么办
调用 table.reload() 或切换分页时，所有手动添加的 class 都会被清空。必须把当前高亮的 td 位置存下来，并在 done 回调中恢复。
关键点是：不能只存 jQuery 对象（DOM 已销毁），要存结构化信息：
- 存两个值：
let highlightCell = { rowIndex: 2, cellIndex: 3 };（当前页行号 + 列号） - 重载时传入
done：table.reload('yourTableId', { done: function() { restoreHighlight(highlightCell); } }); -
restoreHighlight函数里用$('tr[data-index="' + r + '"] td').eq(c).addClass(...)定位并加 class - 如果列顺序可能变化（如动态显示/隐藏列），改用
data-field做列标识更稳妥
最常漏的是重载后不恢复状态，还有在 rowStyle 或 cellStyle 里硬写背景色，导致和点击高亮样式冲突。事情说清了就结束。
