网络编程 
首页 > 网络编程 > 浏览文章

Layui实现数据表格默认全部显示(不要分页)

(编辑:jimmy 日期: 2024/11/27 浏览:3 次 )

啥也不说了,上段代码吧

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实现数据表格默认全部显示(不要分页)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

上一篇:Layui 解决表格异步调用后台分页的问题
下一篇:vue-router的钩子函数用法实例分析
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap