layui.table(表格)跨页多选

layui版本：2.5.4
使用数据表格时可能会需要在翻页时保留各个页面选中行的信息，效果如下。

效果演示

实现思路

实现思路大致分为以下三步
1.定义两个全局变量用于保存选中行的id，以及当前页所有行的id（全选时使用）
2.监听表格复选框的勾选事件，将选中行的信息存入全局变量（包括全选）
3.在表格加载完成的回调方法（done）中根据保存的变量回显选中行

示例代码

layui.use('table', function () {
   
    let table = layui.table
        , form = layui.form
        , $ = layui.$;

    // 设置全局变量以保存选中行信息
    let ids = new Array();
    // 保存当前页全部数据id，点击全选时使用
    let tableIds = new Array();

    table.render({
   
        elem: '#test'
        , url: '/demo/girl/list/'
        , cols: [[
            {
   type: 'checkbox', width: 70}
            , {
   field: 'id', title: 'ID'}
            , {
   field: 'age', title: '年龄'}
            , {
   field: 'city', title: '城市'}
        ]]