layui数据表格自定义每页条数limit设置

2025-05-29 0 73

废话不多说,直接上代码吧!如下所示:

?

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设置就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持快网idc。

原文链接:https://www.cnblogs.com/fps2tao/p/9511440.html

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

快网idc优惠网 建站教程 layui数据表格自定义每页条数limit设置 https://www.kuaiidc.com/91479.html

相关文章

发表评论
暂无评论