layui数据表格自定义每页条数limit设置
吾爱主题
阅读：119
2021-09-15 16:21:00
评论：0
废话不多说，直接上代码吧！如下所示：
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | 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设置就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持服务器之家。
原文链接：https://www.cnblogs.com/fps2tao/p/9511440.html
声明
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
