layui table.reload() 会重建 dom 导致 checkbox 状态丢失，根源在于未将选中状态同步至数据层；需通过 checkfield 指定字段、在 done 回调中根据已存 id 恢复 ischeck 状态，并确保后端不覆盖该字段。
layui table reload 后 checkbox 状态丢失的根源
Layui 的 table.render() 在调用 table.reload() 时，默认会清空整个表格 DOM 并重建，包括所有用户交互状态——checkbox 的勾选只是 DOM 上的 checked 属性，不是数据层的记录。你没保存它，它就没了。
这和“是否开启多选”无关，也和 lay-skin="row" 无关，核心是：reload 不保留 UI 状态，只按当前传入的 data 或 url 重新渲染。
常见错误现象：
- 勾选几行后点搜索按钮（触发 table.reload()），勾选全没了
- 使用 where 参数刷新数据，但勾选项不跟随新数据恢复（比如翻页后原第 2 行变成第 1 行，但没被自动勾上）
- 手动给 tr 加 class="layui-table-hover" 也没用——hover 不等于选中，checkbox 还是未勾选
必须手动维护选中状态：用 id 而不是 index
Layui 表格的 checkbox 列靠 data 中的唯一标识来同步状态，但默认没配——你得显式告诉它哪个字段是主键。
实操建议：
- 渲染时务必设置 id 参数（字符串，如 "userTable"），这是后续获取/重载的基础
- 每条数据必须带一个唯一字段（如 id、uid、orderId），并在列配置里用 checkField 指定：
cols: [[
{type: 'checkbox', checkField: 'isCheck'} // 注意：这个字段名要和 data 里的 key 一致
]]
- 更推荐用
data 自带的业务主键（如 id），配合 done 回调存状态：done: function(res, curr, count) {
// 从 localStorage 或变量里取出已选中的 id 数组
const checkedIds = getCheckedIds();
// 遍历当前页数据，把匹配的项标记为已选
res.data.forEach(item => {
item.isCheck = checkedIds.includes(item.id);
});
}
table.checkStatus() 返回空？检查三个硬性条件
这个 API 是取当前表格“视觉上勾选了哪些”，但它依赖表格实例存在、且 checkbox 列配置正确。
容易踩的坑：
- 没在 render() 时设 id，导致 table.checkStatus('xxx') 查不到实例 → 返回空对象
- cols 里漏写了 {type: 'checkbox'}，或写成了 {type: 'numbers'} 等错误类型
- reload 后立即调 checkStatus()，但 DOM 还没更新完（尤其配合 done 异步操作时），应放在 done 回调末尾
- 用了 skin: 'line' 或自定义样式覆盖了 checkbox 的 name 或 lay-filter，导致事件绑定失效
reload 时不丢失勾选的最小可行方案
不用插件、不改源码，靠两步：存 + 恢复。
关键动作：
- 用户勾选/取消时，监听 table.on('checkbox(test)', ...)，把当前行的 id 存进数组（去重增删）
- reload 前，确保该数组是闭包内可访问的（比如挂到 window 或模块级变量）
- 在 done 回调里，遍历 res.data，对每个 item.id 判断是否在已存数组中，是则设 item.isCheck = true
- 如果用了分页，记得这个数组是全局的（跨页有效），不是仅当前页
复杂点在于：你得自己保证 isCheck 字段不被后端返回的数据覆盖。如果后端接口返回了 isCheck: false，它就会把你的手动设置冲掉——要么让后端别返回这个字段，要么在 done 里强制重写。
