主页 > 知识库 > layui数据表格自定义每页条数limit设置

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

热门标签:Linux服务器 团购网站 银行业务 科大讯飞语音识别系统 电子围栏 Mysql连接数设置 阿里云 服务器配置

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

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实现数据表格点击搜索功能

标签:衡水 衢州 蚌埠 广元 萍乡 大理 枣庄 江苏

巨人网络通讯声明:本文标题《layui数据表格自定义每页条数limit设置》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266