事件委托必须放在table.render的done回调中，因表格DOM异步渲染，done内tbody才存在；需用e.target精准过滤表头、操作列及复选框元素；状态更新须调用table.toggleCheckRow而非直接操作DOM；跨页选中需手动维护checkedIds并翻页时同步。
事件委托必须放在 done 回调里
表格 dom 是异步渲染的，table.render() 执行完不代表 <tbody> 已存在。如果在初始化阶段或 <code>render 调用后立刻绑定 $('tr').on('click', ...)，会查不到任何 tr 节点，后续翻页、重载也全失效。
正确做法是把事件委托逻辑塞进 done 回调：
table.render({
elem: '#demo',
url: '/api/list',
cols: [[{type: 'checkbox'}, {field: 'name', title: '姓名'}]],
done: function(res, curr, count) {
// ✅ 此时 tbody 已渲染完成，可安全委托
$('.layui-table-body .layui-table').on('click', 'tbody tr', function(e) {
// 后续处理...
});
}
});
注意：只绑一次，别在每次 done 里重复 on，否则翻页后事件会叠加触发。
点击目标要过滤表头、操作列和复选框自身
用户点 <th>、点“编辑”按钮、甚至点复选框里的 <code><i></i> 图标时，不该再触发行级选中——否则 checkbox 会先原生 toggle，再被 JS 强制 toggle，结果反向翻转。
用 e.target 做精准拦截：
if (e.target.tagName === 'TH') return;-
if ($(e.target).closest('.layui-table-col-special').length) return;（过滤“操作”列） -
if ($(e.target).is('input[type="checkbox"], .layui-form-checkbox, .layui-form-checkbox *')) return;（最保险，覆盖 checkbox 及其内部所有元素）
漏掉最后一项是高频 bug 来源：看着点了 checkbox，实际 JS 又执行了一次 toggleCheckRow，UI 和内部状态就错位了。
必须用 table.checkRow 或 table.toggleCheckRow 更新状态
直接 $('input').prop('checked', true) 或 addClass('layui-form-checked') 是无效的。Layui 的复选框状态由内部缓存（table.cache）和样式类共同维护，手动改 DOM 会导致 UI 显示和 table.checkStatus() 返回值不一致。
正确更新方式：
- 先通过
$(tr).data('index')拿到当前行索引，再从res.data[index]或table.cache[tableId][index]取原始数据对象 - 调用
table.toggleCheckRow('yourTableId', rowData)（推荐，自动处理勾/取消） - 如果用了自定义
id字段（比如后端返回的是user_id），得先确保 render 时已配id: 'user_id'，否则toggleCheckRow找不到匹配行
别依赖 $(tr).find('input').click() 模拟点击——它只触发原生行为，不通知 layui 状态机。
跨页全选和单选互斥时需手动维护选中集合
启用分页后，table.checkStatus('id') 默认只返回当前页的已选数据。如果你点了“全选”，又手动取消某行，再翻页，下一页的 checkbox DOM 状态不会自动同步，checkStatus 也拿不到之前页的记录。
解决办法是自己维护一个全局 Set：
const checkedIds = new Set();
// 行点击时
table.toggleCheckRow('id', rowData);
if (rowData.id && table.checkStatus('id').isAll) {
checkedIds.add(rowData.id);
} else if (table.checkStatus('id').data.some(d => d.id === rowData.id)) {
checkedIds.add(rowData.id);
} else {
checkedIds.delete(rowData.id);
}
翻页回调（page: {curr: ...}）触发后，遍历当前页 table.cache['id']，比对 checkedIds，用 table.checkRow 逐个恢复状态。这个逻辑容易被跳过，但一漏，跨页操作就完全不可信。
