bootstraptable 汇总_Bootstrap Table实用配置

记录关于Bootstrap Table的一些实用配置。

html

引入相关文件

页面内容

姓名：

年龄：

查询

重置

新增

---

使用js方式加载table

官方文档上提供了详尽的配置参数，以下记录几个比较常用的

url

后端数据交互url，要求返回json数据，且包含rows(查询内容)和total(数据总数)

queryParams

数据加载参数，必须要有offset和limit参数，支持通过json格式自定义查询参数

例，自定义name和age作为查询参数：

queryParams: function (params) {

return {

offset: params.offset,

limit: params.limit,

name: $('#queryNameText').val(),

age: $('#queryAgeText').val()

}

}

striped

当值为true显示行间隔条纹效果

pagination

当值为true显示分页条

sidePagination

可选值为'server'、'client'，分别表示服务端分页和客户端分页

pageSize

每页数量，默认值10

pageList

值为一个数组，提供每页可选数量的选择

rowStyle

对行样式的设置，对应函数的两个参数为row, index

例：

rowStyle: function (row, index) {

var strClass = '';

if (row.age < 18) {