今天小编就为大家分享一篇layui数据表格自定义每页条数limit设置，具有很好的参考价值，希望对大家有所帮助，一起跟随小编过来看看吧。

废话不多说，直接上代码吧！如下所示：

1. table.render({ 
2.    elem: '#data_grid' 
3.    //,width: 900 
4.    //,height: 274 
5.    ,cols: [[ //标题栏 
6.     {field: 'id', title: 'ID', width: 80, sort: true} 
7.     ,{field: 'username', title:'用户名',width: 100} //空列 
8.     ,{field: 'password', title: '密码', width: 120} 
9.     ,{field: 'gender', title: '性别', width: 150} 
10.     ,{field: 'nichen', title: '昵称', width: 150} 
11.     ,{field: 'birthday', title: '出生年月', width: 120} 
12.     ,{fixed: 'right', width: 215,align:'center', toolbar: '#barDemo'} 
13.    ]] 
14.    ,url:url 
15.    ,skin: 'row' //表格风格 
16.    ,even: true 
17.    ,page: true //是否显示分页 
18.    ,limits: [3,5,10] 
19.    ,limit: 5 //每页默认显示的数量 
20.    ,done:function(res){ 
21.     userPage.data = res.data; 
22.    } 
23.    //,loading: false //请求数据时，是否显示loading 
24.   }); 

主要是:limits 和 limit 的设置。

Tags: layui表格自定义 limit

分享到：