table.on('tool(filter)') 仅响应 templet 中带 lay-event 的按钮点击，非所有单元格；监听任意单元格需用事件委托或 Layui 2.8+ 的 cell 事件。
table.on('tool(filter)') 不是单元格点击事件，别乱套用
很多人一上来就写 table.on('tool(test)', ...)，结果发现点普通单元格根本没反应——因为 tool 只响应你主动在 templet 里写的带 lay-event 的按钮（比如“编辑”“删除”），不是所有单元格都算 tool。
真正监听任意单元格点击，得靠事件委托或表格内置的 cell 事件（Layui 2.8+ 支持）：
- 低版本（$(document).on('click', '.layui-table-body td', ...) +
.closest('tr')+.index()手动定位行和列 - 高版本（≥ 2.8）：直接用
table.on('cell(test)', ...)，它会返回obj.cell（当前单元格 DOM）、obj.field（字段名）、obj.value（原始值）等，干净利落 - 注意：
cell事件默认不触发表头、合计行、空单元格；如果单元格内有按钮/链接，记得加e.stopPropagation()防止事件冒泡干扰
如何通过点击拿到「当前单元格内容」和「对应表头字段」
用 table.on('cell(test)', ...) 最省事。它的回调参数 obj 里已经包含你需要的一切：
-
obj.field→ 表头定义的字段名（比如'remark'），不是中文标题 -
obj.value→ 渲染前的原始数据值（未格式化，适合存库） -
obj.cell.innerText→ 渲染后的可见文本（含换行、空格，适合展示） -
obj.data→ 整行数据对象，可用来取其他关联字段
示例片段：
table.on('cell(test)', function(obj){
console.log('字段：', obj.field); // 'remark'
console.log('原始值：', obj.value); // '待确认'
console.log('显示文本：', obj.cell.innerText.trim()); // '待确认'
console.log('整行数据：', obj.data); // {id: 1, name: '张三', remark: '待确认'}
});
动态生成的表格（如 reload 后）事件失效？这是委托没做对
reload 或异步渲染后，用 $('.layui-table-body td').on('click', ...) 绑定会失效——因为新 DOM 没绑定。必须用事件委托，且目标要选对父容器：
- ✅ 正确：用
$(document).on('click', '.layui-table-body td', ...)——document始终存在 - ⚠️ 风险：用
$('.layui-table-body').on('click', 'td', ...)—— reload 后.layui-table-body被替换，委托就断了 - ? 小技巧：给单元格加自定义 class（如
data-field="remark"），再用$(document).on('click', 'td[data-field="remark"]', ...)精准捕获特定列
想双击编辑、右键菜单？别只盯着 click，留意浏览器原生限制
Layui 没封装双击（dblclick）或右键（contextmenu）事件，得自己补：
- 双击：用
$(document).on('dblclick', '.layui-table-body td', ...)，但注意和单击冲突——建议加防抖或用setTimeout区分 - 右键：同理，但必须先
e.preventDefault()，否则弹出浏览器默认菜单；再调用layer.open(...)模拟右键菜单 - ⚠️ 关键坑：移动端没有
contextmenu，双击也难触发；如果要做跨端，优先考虑长按（touchstart+ 计时）代替右键
单元格事件看着简单，但字段映射错、委托失效、移动端适配漏，这三个点加起来能卡住半天。尤其 obj.field 和表头 title 不是一回事，查不到数据时先打个 log 看它输出啥，比翻文档快得多。
