bootstrap table 服务器端分页例子分享

Bootstrap Table服务器端分页实例分享

对于需要在网页上展示大量数据的朋友来说，服务器端分页是一个很好的解决方案。本文将分享一个基于Bootstrap Table的服务器端分页的实例，希望能给需要的朋友带来一些参考。

一、前端部分

你需要引入Bootstrap Table所需的JS文件。这些文件可以从Bootstrap Table的官网上下载。

接下来是前端JS代码的实现：

```javascript

function getTab() {

var url = contextPath + '/fundRetreatVoucher/fundBatchRetreatVoucherQuery.htm';

$('tab').bootstrapTable({

method: 'get', //这里要设置为get，设置post可能无法获取数据

url: url,

cache: false,

height: ,

striped: true,

pagination: true, //开启分页

pageList: [10, 20], //设置每页显示的数量

pageSize: 10, //默认每页显示的数量

pageNumber: 1, //默认第一页

search: true,

sidePagination: 'server', //设置为服务器端分页

queryParams: queryParams, //自定义参数函数，用于传递查询参数到服务器

showColumns: true,

showRefresh: true,

minimumCountColumns: 2,

clickToSelect: true, //点击单元格选中行（只对支持复选框的行有效）或跳转到该行数据的URL地址（行中的超链接）或者显示对话框。这个属性被赋值时自动变为true，如果你想保持原始行选中状态而不是触发超链接功能则禁用此功能，将此属性设为false即可。