• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    layui数据表格自定义每页条数limit设置

    废话不多说,直接上代码吧!如下所示:

    table.render({
       elem: '#data_grid'
       //,width: 900
       //,height: 274
       ,cols: [[ //标题栏
        {field: 'id', title: 'ID', width: 80, sort: true}
        ,{field: 'username', title:'用户名',width: 100} //空列
        ,{field: 'password', title: '密码', width: 120}
        ,{field: 'gender', title: '性别', width: 150}
        ,{field: 'nichen', title: '昵称', width: 150}
        ,{field: 'birthday', title: '出生年月', width: 120}
        ,{fixed: 'right', width: 215,align:'center', toolbar: '#barDemo'}
       ]]
       ,url:url
       ,skin: 'row' //表格风格
       ,even: true
       ,page: true //是否显示分页
       ,limits: [3,5,10]
       ,limit: 5 //每页默认显示的数量
       ,done:function(res){
        userPage.data = res.data;
       }
       //,loading: false //请求数据时,是否显示loading
      });

    主要是:limits 和 limit 的设置

    以上这篇layui数据表格自定义每页条数limit设置就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

    您可能感兴趣的文章:
    • layui实现数据表格table分页功能(ajax异步)
    • 对layui数据表格动态cols(字段)动态变化详解
    • layui实现数据表格点击搜索功能
    上一篇:在 Laravel 中动态隐藏 API 字段的方法
    下一篇:php+layui数据表格实现数据分页渲染代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    layui数据表格自定义每页条数limit设置 layui,数据,表格,自定义,