layui.table(表格)跨页多选
layui版本:2.5.6
使用数据表格时可能会需要在翻页时保留各个页面选中行的信息,效果如下。
实现思路,1.选中的时候刷新全选框状态 2.全选/全不选的时候刷新勾选框状态 3.翻页后刷新勾选和全选状态。
已有大佬实现类似功能,但稍有瑕疵,我追加改进,大佬文章:https://blog.csdn.net/zjh19961213/article/details/96482133
代码片段,第一次发,不知道怎么给代码着色,见谅:
//保存所有页的数据,仅适用于数据量小的时候
var currentData = [];
// 设置全局变量以保存选中行信息
let ids = new Array();
done: function (res, e) {
//res是数据,e是当前页码
//重写选择功能
// 设置当前页选中项
$.each(res.data, function (idx, val) {