bootstraptable控制分页_BootStrap中Table分页插件使用详解

分页(Pagination)，是一种无序列表，Bootstrap 像处理其他界面元素一样处理分页。

bootstrap-table介绍

bootstrap-table 是一个轻量级的table插件，使用AJAX获取JSON格式的数据，其分页和数据填充很方便，支持国际化。

下载地址

https://github.com/wenzhixin/bootstrap-table/archive/1.11.0.zip

使用方式

引入css和js

2. table数据填充

bootstrap-table获取数据有两种方式，一是通过table 的data-url属性指定数据源，二是通过JavaScript初始化表格时指定url来获取数据

...

$(function () {

$('#screenTable').bootstrapTable({

url: "/screen/list",

dataField: "rows",

cache: false, //是否使用缓存，默认为true

striped: true, //是否显示行间隔色

pagination: true, //是否显示分页

pageSize: 10, //每页的记录行数

pageNumber: 1, //初始化加载第一页，默认第一页

pageList: [10, 20, 50], //可供选择的每页的行数

search: true, //是否显示表格搜索

showRefresh: true, //是否显示刷新按钮

clickToSelec