bootstrap bootstraptable 固定列_BootStrapTable分页


使用分页引入的js,然后复制jq代码

 $("#mytable1").bootstrapTable('destroy');    $("#mytable1").bootstrapTable({url: baseUrl + '/bankBusinessVolumeStatistics/getAll',   //请求地址        striped: true, //是否显示行间隔色        pageNumber: 1, //初始化加载第一页        pagination: true,//是否分页        sidePagination: 'server',//server:服务器端分页|client:前端分页        pageSize: 5,//单页记录数        pageList: [5,10,20],//可选择单页记录数        showRefresh: false,//刷新按钮        cache:false,        queryParams: function (params) {//上传服务器的参数            var temp = {offset: $("#mytable1").bootstrapTable("getOptions").pageNumber,// SQL语句起始索引                pageNumber: params.limit,  // 每页显示数量'                branchCode: branchCode,                CustCode: custCode,                operationStatus: operationStatus,                Start: s1,                end: s2
}; return temp; }, columns: [{title: '申请编号', field: 'recNo', sortable: true, align: 'center', clickToSelect: true, formatter: function (value, row, index) {//formatter可以自定义列显示的内容 return ['view(\'' + value + '\',\'' + row.branchCode + '\',\'' + row.custCode + '\',\'' + row.operationStatus + '\',\'' + row.createDate + '\');" >' + row.recNo + '' ]
}
}, {title: '银行代码', field: 'branchCode', sortable: true, align: 'center', clickToSelect: true }, {title: '企业代码', field: 'custCode', sortable: true, align: 'center', clickToSelect: true }, {title: '处理代码', field: 'operationStatus', sortable: true, align: 'center' }, {title: '调用方法', field: 'operationStatus', sortable: true, align: 'center', formatter: function (value, row, index) {//formatter可以自定义列显示的内容 if (value == "1") {return "预扣成功"; } else if (value == "2") {return "预扣失败"; } else if (value == "3") {return "实扣成功"; } else if (value == "4") {return "实扣失败"; } else if (value == "5") {return "手动撤销成功"; } else if (value == "6") {return "手动撤销失败"; } else if (value == "7") {return "自动撤销成功"; } else if (value == "8") {return "自动撤销失败"; } else if (value == "9") {return "新增成功"; } else if (value == "10") {return "新增失败"; }
}
},{title: '实扣金额', field: 'shikou', sortable: true, align: 'center' },{title: '创建人', field: 'creator', sortable: true, align: 'center' },{title: '处理时间', field: 'createDate', sortable: true, align: 'center' }]
});}

后台创建一个page类来存储查询条件及总页数

 * @date       :Created in 2020/6/4 13:11 */@Setter@Getterpublic class Page {private int total;    private int pageNumber; //每页的条数    private int offset; //数据库查询索引    private String Start;    private String end;    private String branchCode;    private String CustCode;    private String operationStatus;

后台分页算法:

select * from table  limit 0(起始页),5(结束页);

起始页/结束页 =当前页码*现实页数,(就是显示几条数据,这个前台传过来)

根据实际情况加减

4620edadd8b8162c848b6c42f9a8588d.png

f58f0677263959296cf81b6999a8d55e.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值