bootstrap的table的refresh
时间: 2023-08-06 18:05:42 浏览: 829
Bootstrap Table 是一个强大的 jQuery 表格插件,它支持多种功能,如排序、搜索、分页等。要实现 refresh 功能,可以使用 Bootstrap Table 提供的方法 `refresh`。
在 HTML 中引入 Bootstrap Table 的 JS 和 CSS 文件后,在 JavaScript 中初始化表格:
```javascript
$(function() {
$('#table').bootstrapTable({
url: 'data.json',
columns: [{
field: 'id',
title: 'ID'
}, {
field: 'name',
title: 'Name'
}, {
field: 'price',
title: 'Price'
}]
});
});
```
然后,就可以通过调用 `refresh` 方法刷新表格了:
```javascript
$('#table').bootstrapTable('refresh');
```
这样,表格会重新加载数据,并且应用现有的排序、搜索和分页设置。如果需要重新初始化表格,可以先销毁表格,然后重新初始化:
```javascript
$('#table').bootstrapTable('destroy');
$('#table').bootstrapTable({
url: 'new-data.json',
columns: [{
field: 'id',
title: 'ID'
}, {
field: 'name',
title: 'Name'
}, {
field: 'price',
title: 'Price'
}]
});
```
阅读全文