废话不多说,直接上代码吧!如下所示:
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