layui 数据表格

直接赋值数据展示数据表格，tableData是单向绑定，页面表格的变动不会影响tableData，需要手动设置。比较好的方法是在数据表格渲染的done回调里利用res.data（当前表格数据）重新赋值tableData。

 table.render({
            id:'selected-table',
            elem:'#table-container',
            cols:cols,
            skin: 'line',
            data:tableData,
            done: function(res, curr, count){
                //如果是异步请求数据方式，res即为你接口返回的信息。
                //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                console.log(res);
                tableData = res.data;
                //得到当前页码
                console.log(curr);
                //得到数据总量
                console.log(count);
            }
        })

res:

done回调只会在初次渲染表格和调用reload方法时调用，因此需要手动调用reload。

        table.on('edit(selected-table)', function(obj){ //注：edit是固定事件名，test是table原始容器的属性 lay-filter="对应的值"
            console.log(obj.value); //得到修改后的值
            console.log(obj.field); //当前编辑的字段名
            console.log(obj.data); //所在行的所有相关数据
            console.log(tableData);
            table.reload('selected-table');
        });