分页

 $(tab());
    function tab(){
        $("#order").bootstrapTable({
            url:'member_list',
            dataField: 'rows',
            striped: true,
            toolbar:'#toolbar',
            toolbarAlign: 'right',
            pagination: true,                   //是否显示分页(*)
            pageNumber: 1,                  //初始化加载第一页,默认第一页
            pageSize: 5,                  //每页的记录行数(*)
            pageList: [3, 6, 9],      //可供选择的每页的行数(*)
            queryParamsType: 'limit',     //默认值为 'limit' ,在默认情况下 传给服务端的参数为:offset,limit,sort
            sidePagination: "server",   //设置服务器端分页
            columns: [{
                checkbox: true
            }, {
                field: 'member_card',
                title: '会员编号'
            }, {
                field: 'name',
                title: '会员姓名'
            }, {
                field: 'phone',
                title: '联系电话'
            }, {
                field: 'idcard',
                title: '身份证号'
            }, {
                field: 'mtime',
                title: '办理时间'
            },{
                field: 'address',
                title: '家庭住址'
            },{
                field: 'style',
                title: '会员类型'
            },{
                field: 'state',
                title: '状态',
                formatter:function(value){
                    switch (value) {
                        case "1" :
                            return "<span class='label label-info'>已激活</span>";
                        case "0" :
                            return "<span class='label label-danger'>未激活</span>";
                    }
                }
            },{
                field: 'operate',
                title: '操作',
                formatter:function (value,row,index){
                    var result = "";
                    result += '<button id="delete" data-toggle="modal" data-target="#myModal_delete" class="btn btn-danger" onclick="del('+row.mid+')" style="margin-left:10px;">删除</button>';
                    result += '<button id="update" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal_update"  onclick="update('+row.mid+')" style="margin-left:30px;">修改</button>';
                    return result;
                }
            } ]
        });
    }

posted @ 2021-01-06 18:36  梦已然清空  阅读(78)  评论(0)    收藏  举报