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

最新推荐文章于 2025-05-09 11:43:12 发布

转载最新推荐文章于 2025-05-09 11:43:12 发布 · 5.2k 阅读

文章标签：

#javascript #ViewUI

本文详细介绍了如何使用table.render方法配置表格的各项参数，包括标题栏、宽度、分页等，并重点讲解了limits和limit参数的设置方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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
        });