bootstrap table 方法

bootstrap table 方法

本教程将讲解和演示bootstrap table 50多个方法函数的用法,章节分为基础方法、选择相关方法、行列相关方法、其他方法进行分类讲解。

如何调用bootstrap table的方法

//第一步,获取对象(即jQuery对象)
var $table = $('#table');
//第二步,调用bootstrap table方法
var result=$table.bootstrapTable('方法名称',参数1,参数2,.....);

以选中某行数据的Check方法为例

//获取对象
var $table = $('#table');
//选中第二行数据
$table.bootstrapTable('check', 1);

在线试一试 

常用方法列表

我们罗列出来以下重要常用的方法。

方法名称说明详情
refresh刷新表格,会重新发送服务端请求
getSelections获取选中行数据
checkAll全选、反选uncheckAll
refreshOptions 刷新配置和refresh不一样,此选项只刷新配置而不会发送请求
insertRow插入行数据
updateRow更新行数据
remove删除行


Catalog
bootstrap table方法 bootstrap table事件 bootstrap table配置 bootstrap table下载 基础方法 getOptions获取配置对象 refreshOptions刷新配置 getData获取表格数据方法 getSelections获取选中行方法 getAllSelections所有选中数据 load加载数据方法 mergeCells合并行和列 checkAll全选的方法 uncheckAll反选所有行方法 checkBy根据条件选中行 uncheckBy条件取消中行 refresh重新加载数据的方法 checkInvert反选的方法 destroy注销表格方法 resetView更新表格UI的方法 resetWidth重新适配宽度 showLoading显示加载提示 hideLoading隐藏加载提示 togglePagination隐藏显示分页 toggleFullscreen全屏显示 toggleView切换卡片视图 resetSearch重置搜索框 filterBy数据刷选过滤器 scrollTo滚动到指定位置 getScrollPosition获取当前位置 增删改操作 append追加数据到末尾方法 prepend追加数据到头部方法 remove删除数据的方法 removeAll删除所有数据 insertRow插入一行数据 updateRow更新行数据方法 getRowByUniqueId获取行数据 updateByUniqueId更新行数据 removeByUniqueId删除数据 updateCell更新单元格数据 updateCellByUniqueId更新数据 隐藏显示操作 showRow显示行 hideRow显示行 getHiddenRows获取隐藏的行 show/hide Column隐藏显示列 getVisibleColumns获取显示列 getHiddenColumns获取隐藏列 showAllColumns显示所有列 hideAllColumns隐藏所有列