最稳妥方式是使用 table.on('cell(滤镜值)', callback) 监听单元格点击，因其基于事件代理，支持重绘、分页、排序；obj.field、obj.value、obj.data 可直接获取列字段、原始值和整行数据。
用 table.on('cell(…) 监听单元格点击最稳妥
直接给 td 绑 click 会失效——表格重绘、分页、排序后 DOM 重建，事件就丢了。Layui 提供的 cell 事件是基于内部事件代理的，能准确捕获任意页、任意列的点击，且自带上下文数据。
必须在 table.render() 配置中直接写 done 或单独调用 table.on('cell(你的表 lay-filter 值)', callback)，不能事后用 jQuery 补绑。
-
obj.field是当前列的字段名（比如'status'），可用于白名单控制 -
obj.value是原始值，不是被截断或转义后的显示内容 -
obj.data是整行数据对象，不用自己去table.cache查 - 如果只希望某几列响应，
if (obj.field === 'remark' || obj.field === 'desc') { ... }
想点「操作」列里的按钮？用 tool 事件 + lay-event
这是 Layui 专为按钮类交互设计的机制，比 cell 更轻量、语义更清晰，且天然支持多按钮共存（如编辑/删除/详情）。
关键三步缺一不可：
- 列定义里加
event: 'edit'（字符串，不能是函数） -
templet返回的 HTML 中，按钮要有lay-event="edit" - 监听写成
table.on('tool(你的 filter)', function(obj){ if(obj.event === 'edit'){...} })
常见失败原因：按钮写了 lay-event="edit"，但列没设 event: 'edit'；或者模板字符串里用了单引号又没转义，导致最终 HTML 里 lay-event 属性没渲染出来。
需要整列都可点，但又不想每个单元格都写 lay-event？谨慎用 CSS 类委托
硬改 td 的 lay-event 会破坏 Layui 内部事件委托逻辑，不推荐。更可控的做法是加自定义 class，再用原生事件委托接管：
- 列配置加
className: 'col-action' - 在
done回调里执行：$(tableElem).on('click', '.col-action', function(e){ ... }) - 通过
$(e.target).closest('tr').data('index')拿行索引，再查table.cache['your-filter'][index]
注意：table.cache 是内部属性，升级可能变动；且服务端分页时，非当前页数据不在 cache 里——这意味着你得自己缓存全量数据，或改用 API 查询。
为什么点了没反应？先盯住这三个地方
90% 的问题卡在这三处：
- 浏览器控制台报
Cannot read property 'on' of undefined→table模块根本没加载，检查layui.use(['table'], ...)是否漏了 - 右键审查元素，确认目标
button[lay-event="xxx"]确实存在于最终渲染的td里，而不是写在templet字符串里但被 HTML 转义了（比如<button lay-event="edit">） - 用了
table.reload()后事件失效 →table.on()必须在table.render()之后执行，且只执行一次；重复绑定会导致一次点击触发多次回调
单元格事件不是“加个 click 就完事”的简单活——它牵扯到渲染时机、数据映射、缓存生命周期和模块加载顺序。动之前，先确认你到底要的是「精准取数」还是「视觉反馈」，再选对应路径。
