bootstrap-table selectColumns
时间: 2023-09-27 14:07:43 浏览: 185
bootstrap-select
Bootstrap-table 是一个基于 Bootstrap 的强大的 HTML 表格插件。要在 Bootstrap-table 中选择列,你可以使用 `selectColumns` 方法。
示例代码如下:
```javascript
$('#table').bootstrapTable({
columns: [{
field: 'id',
title: 'ID'
}, {
field: 'name',
title: 'Name'
}, {
field: 'age',
title: 'Age'
}, {
field: 'gender',
title: 'Gender'
}],
// 初始化表格时选择需要显示的列
onAllColumnsLoaded: function() {
$('#table').bootstrapTable('selectColumns', ['id', 'name']);
}
});
```
在这个示例中,我们定义了一个带有 `id`、`name`、`age` 和 `gender` 四个列的表格。在初始化表格时,我们使用 `onAllColumnsLoaded` 事件回调来选择需要显示的列。通过调用 `selectColumns` 方法并传入一个列字段的数组,我们可以指定要显示的列。
请注意,这只是一个示例代码,并且假设你已经正确引入了 Bootstrap 和 Bootstrap-table 插件。具体的实现可能会根据你的项目需求有所调整。
阅读全文