Bootstrap分页

https://www.cnblogs.com/java-spring/p/10180048.html

 $(function() {
	 var setting = {
	        check: {
	            enable: true
	        },
	        data: {
	            simpleData: {
	                enable: true
	            }
	        }
	    };
        /*初始化表格*/
        initBootStrapTable(base_url+'/admin/category/getList');
        function initBootStrapTable(url) {
            //先销毁表格
            $('#user_list').bootstrapTable("destroy");
            //加载表格
            $('#user_list').bootstrapTable({
                url: url,
                method:'get',
                toobar:'#toolbar',
                cache: false,
                striped: true,                          //是否显示行间隔色
                pagination: true,                  //是否显示分页(*)
                sidePagination: 'server',           //分页方式:client客户端分页,server服务端分页(*)
                dataField: "rows",
                pageNumber:1,                           //初始化加载第一页,默认第一页
                pageSize: 10,                           //每页的记录行数(*)
                pageList: [5, 10, 30, 50],            //可供选择的每页的行数(*)
                showColumns: true,                      //是否显示所有的列
                showRefresh: true,                      //是否显示刷新按钮
                // minimumCountColumns: 2,              //最少允许的列数
                clickToSelect: true,                    //是否启用点击选中行
                // height: 500,                         //行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度
                uniqueId: "id",                         //每一行的唯一标识,一般为主键列
                showToggle:true,                     //是否显示详细视图和列表视图的切换按钮
                cardView:false,                        //是否显示详细视图
                singleSelect:true,                    // 设置为true将禁止多选
                queryParams: function (params) {
                    var temp = {
                        pageSize:params.limit, //每页显示数量
                        page:params.offset   //起始索引,
                        // page:(params.offset / params.limit) + 1   //当前页码
                    };
                    return temp;
                },
                

                columns:[{
                    checkbox:true
                },
                    {
                        field:'id',
                        title:'分类ID',

                    },
                    {
                        field:'cName',
                        title:'分类名称'
                    },
                    {
                        field:'cSort',
                        title:'分类排序'
                    },
                    {
                        field:'cTimeFormat',
                        title:'创建时间',
                    }
                ]
            });
        }

pageSize和page是前端传到后端的数据,pageSize相当于每页显示的数据,page表示索引
limit page,pageSize

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值