bootstrap table表格属性、列属性、事件、方法

Glyphicon 集成于Bootstrap可免费使用，参考： http://glyphicons.com/

FontAwesome 参考： http://fortawesome.github.io/

paginationSwitchDown: 'glyphicon-collapse-down icon-chevron-down',

paginationSwitchUp: 'glyphicon-collapse-up icon-chevron-up',

refresh: 'glyphicon-refresh icon-refresh'

toggle: 'glyphicon-list-alt icon-list-alt'

columns: 'glyphicon-th icon-th'

detailOpen: 'glyphicon-plus icon-plus'

detailClose: 'glyphicon-minus icon-minus'

}

return params;

}

limit, offset, search, sort, order 否则, 需要包含:

pageSize, pageNumber, searchText, sortName, sortOrder.

返回false将会终止请求。

return res;

}

参数：res为从服务器请求到的数据。

return '';

}

element: 点击的元素。

返回 true 是点击事件会被忽略，返回 false 将会自动选中。该选项只有在 clickToSelect 为 true 时才生效。

#toolbar, .toolbar.

#buttons-toolbar, .buttons-toolbar 或 DOM 节点。

return class;

}

row: 行数据

index: 行下标

返回值可以为class或者css

return attributes;

}

row: 行数据

index: 行下标

返回值可以为class或者css 支持所有自定义属性

text：搜索文字。

用法示例：

        function customSearch(text) {
            //Search logic here.
            //You must use `this.data` array in order to filter the data. NO use `this.options.data`.
        }
        

sortName: 排序名。

sortOrder: 排序顺序。

用法示例：

        function customSort(sortName, sortOrder) {
            //Sort logic here.
            //You must use `this.data` array in order to sort the data. NO use `this.options.data`.
        }
        

The cell formatter function, take three parameters:

value: the field value.

row: the row record data.

index: the row index.

The function, take one parameter:

data: Array of all the data rows.

the function should return a string with the text to show in the footer cell.

event: the jQuery event.

value: the field value.

row: the row record data.

index: the row index.

a: the first field value.

b: the second field value.

rowA: the first row.

rowB: the second row.

value: the field value.

row: the row record data.

index: the row index.

field: the row field.

Support classes or css.

name：事件名，

args：事件的参数。

row：点击行的数据，

$element：tr 元素，

field：点击列的 field 名称。

row：点击行的数据，

$element：tr 元素，

field：点击列的 field 名称。

field：点击列的 field 名称，

value：点击列的 value 值，

row：点击列的整行数据，

$element：td 元素。

field：点击列的 field 名称，

value：点击列的 value 值，

row：点击列的整行数据，

$element：td 元素。

name：排序列的 filed 名称，

order：排序顺序。

row：与点击行对应的记录，

$element：选择的DOM元素。

row：与点击行对应的记录，

$element：选择的DOM元素。

rows：最新选择的所有行的数组。

rows：最新选择的所有行的数组。

rows：相对于之前选择的行的数组。

rows：相对于之前选择的行的数组。

values: 需要删除的行的值，类型为数组。

index: 要插入的行的 index，

row: 行的数据，Object 对象。

index: 要更新的行的 index，

row: 行的数据，Object 对象。

index: 要更新的行的 index 或者 uniqueId，

isIdField: 指定 index 是否为 uniqueid。

index: 要更新的行的 index，

uniqueId: 或者要更新的行的 uniqueid。

index: 行索引，

field: 字段名称，

rowspan: 要合并的rowspan数量，

colspan: 要合并的colspan数量。

index: 行索引。

field: 字段名称。

value: 新字段值。

field: 用于查找记录的字段的名称，

values: 要检查的行的值数组。

例子:

$("#table").bootstrapTable("checkBy", {field:"field_name", values:["value1","value2","value3"]})

field: 用于查找记录的字段的名称，

values: 要检查的行的值数组。

例子:

$("#table").bootstrapTable("uncheckBy", {field:"field_name", values:["value1","value2","value3"]})

Glyphicon 集成于Bootstrap可免费使用，参考： http://glyphicons.com/

FontAwesome 参考： http://fortawesome.github.io/

paginationSwitchDown: 'glyphicon-collapse-down icon-chevron-down',

paginationSwitchUp: 'glyphicon-collapse-up icon-chevron-up',

refresh: 'glyphicon-refresh icon-refresh'

toggle: 'glyphicon-list-alt icon-list-alt'

columns: 'glyphicon-th icon-th'

detailOpen: 'glyphicon-plus icon-plus'

detailClose: 'glyphicon-minus icon-minus'

}

return params;

}

limit, offset, search, sort, order 否则, 需要包含:

pageSize, pageNumber, searchText, sortName, sortOrder.

返回false将会终止请求。

return res;

}

参数：res为从服务器请求到的数据。

return '';

}

element: 点击的元素。

返回 true 是点击事件会被忽略，返回 false 将会自动选中。该选项只有在 clickToSelect 为 true 时才生效。

#toolbar, .toolbar.

#buttons-toolbar, .buttons-toolbar 或 DOM 节点。

return class;

}

row: 行数据

index: 行下标

返回值可以为class或者css

return attributes;

}

row: 行数据

index: 行下标

返回值可以为class或者css 支持所有自定义属性

text：搜索文字。

用法示例：

        function customSearch(text) {
            //Search logic here.
            //You must use `this.data` array in order to filter the data. NO use `this.options.data`.
        }
        

sortName: 排序名。

sortOrder: 排序顺序。

用法示例：

        function customSort(sortName, sortOrder) {
            //Sort logic here.
            //You must use `this.data` array in order to sort the data. NO use `this.options.data`.
        }
        

The cell formatter function, take three parameters:

value: the field value.

row: the row record data.

index: the row index.

The function, take one parameter:

data: Array of all the data rows.

the function should return a string with the text to show in the footer cell.

event: the jQuery event.

value: the field value.

row: the row record data.

index: the row index.

a: the first field value.

b: the second field value.

rowA: the first row.

rowB: the second row.

value: the field value.

row: the row record data.

index: the row index.

field: the row field.

Support classes or css.

name：事件名，

args：事件的参数。

row：点击行的数据，

$element：tr 元素，

field：点击列的 field 名称。

row：点击行的数据，

$element：tr 元素，

field：点击列的 field 名称。

field：点击列的 field 名称，

value：点击列的 value 值，

row：点击列的整行数据，

$element：td 元素。

field：点击列的 field 名称，

value：点击列的 value 值，

row：点击列的整行数据，

$element：td 元素。

name：排序列的 filed 名称，

order：排序顺序。

row：与点击行对应的记录，

$element：选择的DOM元素。

row：与点击行对应的记录，

$element：选择的DOM元素。

rows：最新选择的所有行的数组。

rows：最新选择的所有行的数组。

rows：相对于之前选择的行的数组。

rows：相对于之前选择的行的数组。

values: 需要删除的行的值，类型为数组。

index: 要插入的行的 index，

row: 行的数据，Object 对象。

index: 要更新的行的 index，

row: 行的数据，Object 对象。

index: 要更新的行的 index 或者 uniqueId，

isIdField: 指定 index 是否为 uniqueid。

index: 要更新的行的 index，

uniqueId: 或者要更新的行的 uniqueid。

index: 行索引，

field: 字段名称，

rowspan: 要合并的rowspan数量，

colspan: 要合并的colspan数量。

index: 行索引。

field: 字段名称。

value: 新字段值。

field: 用于查找记录的字段的名称，

values: 要检查的行的值数组。

例子:

$("#table").bootstrapTable("checkBy", {field:"field_name", values:["value1","value2","value3"]})

field: 用于查找记录的字段的名称，

values: 要检查的行的值数组。

例子:

$("#table").bootstrapTable("uncheckBy", {field:"field_name", values:["value1","value2","value3"]})