加入收藏 | 设为首页 | 会员中心 | 我要投稿 云计算网_泰州站长网 (http://www.0523zz.com/)- 视觉智能、AI应用、CDN、行业物联网、智能数字人!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

layui项目中表格每页条数的显示怎么样操作

发布时间:2022-07-06 17:11:06 所属栏目:PHP教程 来源:互联网
导读:很多朋友都对layui项目中表格每页条数的显示怎么样设置的内容比较感兴趣,对此小编整理了相关的知识分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获,那么感兴趣的朋友就继续往下看吧! 废话不多说,直接上代码吧!如下所示: table.render({ e
  很多朋友都对“layui项目中表格每页条数的显示怎么样设置”的内容比较感兴趣,对此小编整理了相关的知识分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获,那么感兴趣的朋友就继续往下看吧!
 
     废话不多说,直接上代码吧!如下所示:
 
  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项目中表格每页条数的显示怎么样设置的内容应该都有一定的认识了吧,希望这篇能对大家有所帮助。

(编辑:云计算网_泰州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读