廢話不多說,直接上代碼吧!如下所示:
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