使用 bootstrap table destroy 销毁表格内容后,我想要初始化表并格显示无数据,应该怎么做
时间: 2023-11-27 16:54:30 浏览: 184
你可以在销毁表格内容后使用 `bootstrapTable('refreshOptions', options)` 方法来重新初始化表格,并设置 `showColumns` 和 `showToggle` 为 `false`,以达到显示无数据的效果。具体操作如下:
```javascript
// 销毁表格内容
$('#table').bootstrapTable('destroy');
// 初始化表格并设置showColumns和showToggle为false
var options = {
columns: [],
data: []
showColumns: false,
showToggle: false
};
$('#table').bootstrapTable('refreshOptions', options);
```
在这个例子中,`columns: []` 和 `data: []` 表示表格没有列和数据,因此显示无数据。
相关问题
bootstrap table 在没有获取到数据的时候,仍然展示上一次查询所获取到的数据,我不想要展示上一次的数据,应该怎么做
你可以在每次查询数据之前先清空表格中的数据,可以通过以下两种方式实现:
1. 在查询数据之前,使用 `bootstrapTable('destroy')` 方法销毁表格,然后重新初始化表格。
```javascript
$('#table').bootstrapTable('destroy');
// 执行查询数据的操作
$('#table').bootstrapTable({...});
```
2. 在查询数据之前,使用 `bootstrapTable('removeAll')` 方法清空表格中的所有数据。
```javascript
$('#table').bootstrapTable('removeAll');
// 执行查询数据的操作
$('#table').bootstrapTable({...});
```
其中,第二种方式更加简单,但是不会销毁表格,如果表格中还有其他的设置,可能会对其产生影响。建议根据具体情况选择合适的方法。
bootstrap table方法
Bootstrap Table 是一款基于 Bootstrap 的 jQuery 表格插件,它具有简单易用、功能强大、高度可定制等特点,常用于数据展示、数据管理等场景。下面是一些 Bootstrap Table 常用的方法:
1. `bootstrapTable`:初始化表格,参数为一个配置对象。
2. `destroy`:销毁表格。
3. `refresh`:刷新表格,重新加载数据。
4. `resetView`:重置表格视图。
5. `load`:加载数据,参数为一个数组。
6. `append`:追加数据,参数为一个数组。
7. `remove`:删除指定行,参数为行索引或行数据。
8. `getSelections`:获取所有选中行的数据。
9. `checkAll`:选中所有行。
10. `uncheckAll`:取消选中所有行。
11. `togglePagination`:切换分页功能的显示/隐藏。
12. `showLoading`:显示加载中的遮罩层。
13. `hideLoading`:隐藏加载中的遮罩层。
以上仅是部分常用方法,更多方法请参考 Bootstrap Table 官方文档。
阅读全文