layui表格跨页勾选需手动维护selectedids数组并用cookie持久化，在done回调中通过table.setrowchecked恢复状态；全选仅作用于当前页，且必须确保数据行有唯一id字段。
不能直接靠 layui.table 自身机制实现“基于 cookie 的分页记录”——它不保存、不感知用户在不同分页间的勾选状态。所谓“分页记录”，本质是前端多页选择状态的跨页持久化，必须手动干预。
为什么 table 默认不保留跨页 checkbox 状态
Layui 的 table.render() 每次翻页都会重新请求 URL（带 page 和 limit 参数），并完全重绘 tbody。之前页勾选的 input[type=checkbox] 节点被销毁，DOM 状态自然丢失。即使你用 table.checkStatus() 获取当前页选中项，也只返回当前页数据，无法串联多页。
- 后台分页模式下，服务端只返回当前页数据，前端无全量数据可比对
-
table.setRowChecked()只对当前渲染行生效，翻页后失效 - Cookie 不是自动同步机制，必须显式读写
如何用 Cookie 存储并还原多页选中 ID
核心思路：监听 checkbox change 事件，把所有已选中的 ID（如 id 字段值）存入 Cookie；翻页时，从 Cookie 中取出 ID 列表，比对当前页每行的 id 值，调用 table.setRowChecked({index: ..., checked: true}) 还原勾选。
- 使用
document.cookie或更稳妥的js-cookie库（避免手动解析） - ID 列表建议序列化为 JSON 字符串，例如：
"[1001,1005,2011]"，而非逗号拼接（防 ID 含逗号） - 务必在
done回调里执行还原逻辑——此时表格 DOM 已渲染完成，index可用 - 注意：只有开启
id字段且值唯一，才能准确定位行；若后端未返回id，需用其他唯一字段替代
示例关键片段：
table.render({
elem: '#demo',
url: '/api/list',
page: true,
cols: [[
{type: 'checkbox', field: 'id'},
{field: 'name', title: '姓名'}
]],
done: function(res, curr, count) {
// 从 cookie 读取已选 ID 数组
const selectedIds = JSON.parse(Cookies.get('selectedIds') || '[]');
// 遍历当前页数据，还原勾选
res.data.forEach((item, i) => {
if (selectedIds.includes(item.id)) {
table.setRowChecked({
id: 'demo', // 表格实例 ID
index: i + (curr - 1) * this.limit, // 注意：index 是全局序号，非当前页索引
checked: true
});
}
});
}
});
checkbox change 时如何更新 Cookie 并避免重复写入
直接绑定 change 到 checkbox 容易因事件冒泡或多次触发导致 Cookie 频繁写入。更可靠的做法是监听表格工具栏事件（如 lay-event="select"）或使用 table.on('checkbox(demo)') 事件，它只在用户主动勾选/取消时触发，且携带完整行数据。
-
table.on('checkbox(demo)', function(obj){...})中，obj.checked表示当前操作是勾选还是取消 - 用
Set维护已选 ID 集合，避免数组去重开销 - 写入 Cookie 前做防抖（如 300ms），尤其在快速连点时
- 删除某页数据后，记得同步清理 Cookie 中已不存在的 ID（需配合全量 ID 列表或服务端校验）
容易被忽略的兼容性与边界问题
实际部署时，以下三点最容易出错：
- Cookie 的
path和domain必须与表格所在页面一致，否则跨路径访问不到（例如弹出层和父页路径不同） - 若用户禁用 Cookie 或浏览器隐私模式，需 fallback 到
sessionStorage，但要注意 sessionStorage 不跨标签页 - 当某页数据为空（如最后一页不足 limit 条），
res.data.length === 0，此时done里遍历会跳过，但 Cookie 中残留的 ID 若属于已删数据，将无法还原——需额外设计清理机制
