表格 - 方法
优质
小牛编辑
113浏览
2023-12-01
使用方法的语法：$('#table').bootstrapTable('method', parameter);。
| 名称 | 参数 | 描述 |
|---|---|---|
| getOptions | none | 返回表格的 Options。 |
| getSelections | none | 返回所选的行，当没有选择任何行的时候返回一个空数组。 |
| getAllSelections | none | 返回所有选择的行，包括搜索过滤前的，当没有选择任何行的时候返回一个空数组。 |
| getData | useCurrentPage | 或者当前加载的数据。假如设置 useCurrentPage 为 true，则返回当前页的数据。 |
| getRowByUniqueId | id | 根据 uniqueId 获取行数据。 |
| load | data | 加载数据到表格中，旧数据会被替换。 |
| showAllColumns | none | 显示所有列。 |
| hideAllColumns | none | 隐藏所有列。 |
| append | data | 添加数据到表格在现有数据之后。 |
| prepend | data | 插入数据到表格在现有数据之前。 |
| remove | params | 从表格中删除数据，包括两个参数： field: 需要删除的行的 field 名称， values: 需要删除的行的值，类型为数组。 |
| removeAll | - | 删除表格所有数据。 |
| removeByUniqueId | id | 根据 uniqueId 删除指定的行。 |
| insertRow | params | 插入新行，参数包括： index: 要插入的行的 index， row: 行的数据，Object 对象。 |
| updateRow | params | 更新指定的行，参数包括： index: 要更新的行的 index， row: 行的数据，Object 对象。 |
| showRow | params | 显示指定的行，参数包括： index: 要更新的行的 index 或者 uniqueId， isIdField: 指定 index 是否为 uniqueid。 |
| hideRow | params | 显示指定的行，参数包括： index: 要更新的行的 index， uniqueId: 或者要更新的行的 uniqueid。 |
| getHiddenRows | show | 获取所有隐藏的行，如果show参数为true，行将再次显示，否则，只返回隐藏的行。 |
| mergeCells | options | 将某些单元格合并到一个单元格，选项包含以下属性： index: 行索引， field: 字段名称， rowspan: 要合并的rowspan数量， colspan: 要合并的colspan数量。 |
| updateCell | params | 更新一个单元格，params包含以下属性： index: 行索引。 field: 字段名称。 value: 新字段值。 |
| refresh | params | 刷新远程服务器数据，可以设置{silent: true}以静默方式刷新数据，并设置{url: newUrl}更改URL。 要提供特定于此请求的查询参数，请设置{query: {foo: 'bar'}}。 |
| refreshOptions | options | 刷新选项。 |
| resetSearch | text | 设置搜索文本。 |
| showLoading | none | 显示加载状态。 |
| hideLoading | none | 隐藏加载状态。 |
| checkAll | none | 选中当前页面所有行。 |
| uncheckAll | none | 取消选中当前页面所有行。 |
| check | index | 选中某一行，行索引从0开始。 |
| uncheck | index | 取消选中某一行，行索引从0开始。 |
| checkBy | params | 按值或数组选中某行，参数包含： field: 用于查找记录的字段的名称， values: 要检查的行的值数组。 例子: $("#table").bootstrapTable("checkBy", {field:"field_name", values:["value1","value2","value3"]}) |
| uncheckBy | params | 按值数组取消选中某行，参数包含： field: 用于查找记录的字段的名称， values: 要检查的行的值数组。 例子: $("#table").bootstrapTable("uncheckBy", {field:"field_name", values:["value1","value2","value3"]}) |
| resetView | params | 重置引导表视图，例如重置表高度。 |
| resetWidth | none | 调整页眉和页脚的大小以适合当前列宽度。 |
| destroy | none | 销毁表。 |
| showColumn | field | 显示指定的列。 |
| hideColumn | field | 隐藏指定的列。 |
| getHiddenColumns | - | 获取隐藏的列。 |
| getVisibleColumns | - | 获取可见列。 |
| scrollTo | value | 滚动到指定位置，单位为 px，设置 'bottom' 表示跳到最后。 |
| getScrollPosition | none | 获取当前滚动条的位置，单位为 px。 |
| filterBy | params | （只能用于 client 端）过滤表格数据， 你可以通过过滤{age: 10}来显示 age 等于 10 的数据。 |
| selectPage | page | 跳到指定的页。 |
| prevPage | none | 跳到上一页。 |
| nextPage | none | 跳到下一页。 |
| togglePagination | none | 切换分页选项。 |
| toggleView | none | 切换 card/table 视图 |
| expandRow | index | 如果详细视图选项设置为True，可展开索引为 index 的行。 |
| collapseRow | index | 如果详细视图选项设置为True，可收起索引为 index 的行。. |
| expandAllRows | none | 如果详细视图选项设置为True，可展开所有行。 |
| collapseAllRows | none | 如果详细视图选项设置为True，可收起开所有行。 |