BootStrap中桌子分页插件使用详解

分页（分页),是一种无序列表自举像处理其他界面元素一样处理分页。

自举表介绍

自举表是一个轻量级的桌子插件，使用创建交互式、快速动态网页应用的网页开发技术获取JSON格式的数据，其分页和数据填充很方便，支持国际化。

下载地址

https://github。com/wenzhixin/bootstrap-table/archive/1。11 .0 .活力

使用方式

引入钢性铸铁和射流研究…

！- css样式-link href=' CSS/bootstrap/bootstrap。量滴CSS ' rel='样式表link href=' CSS/bootstrap/bootstrap-table。CSS ' rel='样式表！-js-script src=' http : js/bootstrap/jquery-1。12 .0 .量滴js ' type=' text/JavaScript '/script script src=' http : js/bootstrap/bootstrap。量滴js '/script script src=' http : js/bootstrap/bootstrap-table-zh-cn。js '/脚本脚本桌子数据填充

自举表获取数据有两种方式，一是通过桌子的数据-url属性指定数据源，二是通过Java脚本语言初始化表格时指定全球资源定位器(统一资源定位符)来获取数据

表id='screenTable '数据-切换='table '数据./thead/table $(function(){ $(' # screenTable ')).bootstrapTable({ URL : '/屏幕/列表'，dataField: '行'，cache: false，//是否使用缓存，默认为truestriped: true，//是否显示行间隔色pagination: true，//是否显示分页pageSize: 10，//每页的记录行数页码： 1,//初始化加载第一页，默认第一页页面列表： [10,20,50],//可供选择的每页的行数search: true，//是否显示表格搜索showRefresh: true，//是否显示刷新按钮单击选择：真，//是否启用点击选中行toolbar: '#toolbar_screen '，//工具按钮用哪个容器侧分页： '服务器',//分页方式：客户端客户端分页服务器服务端分页' queryParamsType: '限制',//查询参数组织方式列： [{field: 'id '，title: 'ID '，align: 'center '，valign: 'middle'}，{field: 'name '，title: '定制名称，align: '中心，valign: '中间，formatter: '信息格式化程序}，{field: '时间，标题： '定制时间，align: 'center '，valign: 'middle'}]，formatnamechets : function(){ return '无符合条件的记录；}});$(窗口)。resize(函数(){ $(' # screenTable ')).bootstrapTable(' resetView ')；});});函数infoFormatter(值、行、索引){返回“a href=/screen/”行。id ' target=' _ blank '行。名称'/a '；}效果图如下

以上所述是小编给大家介绍的引导程序中桌子分页插件使用详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！