使用 layui 框架 版本 2.5.6,直接赋值的方式创建表格带分页(自定义只显示条数)
遇到的问题:数据变化时 reload 表格无变化
<table class="layui-hide" id="devCtrlUpdateTable" lay-filter="devCtrlUpdateTable">
</table>
var CtrUpdateData = [];//数据
//执行一个 table 实例
CtrUpdateTable = table.render({
elem: '#devCtrlUpdateTable',
height: 500,
cols: [
[ //表头
{ type: 'checkbox', fixed: 'left' }
// , {field: 'experience', title: '序号', width: 100, type: 'numbers'}
, { field: 'id', title: 'ID', width: 100 }
]
],
limit: CtrUpdateData.length,
data: CtrUpdateData,
page: {
layout: ['count'] //自定义分页布局
//,curr: 5 //设定初始在第 5 页
,
first: false //不显示首页
,
last: false //不显示尾页
},
done: function(res, curr, count){
//如果是异步请求数据方式,res即为你接口返回的信息。
//如果是直接赋值的方式,res即为:{data: [], count: 99} data为当前页数据、count为数据总长度
console.log(res);
//得到当前页码
console.log(curr);
//得到数据总量
console.log(count);
}
})
//reload时调用
CtrUpdateTable.reload({
limit: CtrUpdateData.length,
data: CtrUpdateData
});
现在是一条数据正常显示
数组加一条时,分页的count 也得到了 2,但是表格就是不刷新
如果不使用分页 reload 就是可以的,正常拿到数据显示表格
CtrUpdateTable.reload({
limit: CtrUpdateData.length,
data: CtrUpdateData,
page: false
});
最后我再需要更新的时候,在删除表格 再重新初始化了一下。但是这个问题出在哪我还是没找到,我也没有测试layui的新版本。