Layui框架中显示数据表格都是带分页功能的，有时在网站建设中会因为功能要求而显示全部的数据，除了调整分页的数量外，今天绵阳动力网络公司为大家来介绍另外一种方法：不分页显示数据表格全部内容。代码如下：
table.render({
elem: '#check-data-list'
, height: 480
, title: '监测任务列表信息'
, limit: Number.MAX_VALUE // 数据表格默认全部显示
, cols: [[
{field: 'id', title: '序号', width: 60, style: 'font-size: 12px; color: #666'},
{field: 'modelNum', title: '任务编号', style: 'font-size: 12px; color: #666'},
{field: 'monitoringTime', title: '监测时间', style: 'font-size: 12px; color: #666'},
{field: 'taskStatus', title: '任务状态', templet: "#status", style: 'font-size: 12px; color: #666'},
{field: 'overTime', title: '结束时间', templet: "#over", style: 'font-size: 12px; color: #666'},
{
field: 'report',
title: '报告',
event: 'viewReport',
width: 60,
templet: "#reportID",
style: 'font-size: 12px; color: #3A87F3; cursor:pointer'
}
]]
, cellMaxWidth: 100
, parseData: function (res) {
return res;
}
, data: data
, id: 'check-data-list'
});
好了，以上这段代码就可以轻松实现Layui框架中不分页显示数据表格全部内容，如果你觉得有用的话就收藏下来吧。
网站