bootstrap-table配置大全
时间: 2023-08-08 11:10:23 浏览: 115
以下是 bootstrap-table 的常用配置:
1. data:表格数据源,可以是数组或者是 URL 地址。
2. columns:表格列的配置,包括列名称、字段、宽度、格式化函数等。
3. height:表格高度,可以是数字或者是函数。
4. pagination:是否启用分页功能,默认为 true。
5. pageSize:每页显示的记录数。
6. pageList:每页可选择的记录数。
7. search:是否启用搜索功能,默认为 true。
8. showColumns:是否显示列选择器,默认为 false。
9. showRefresh:是否显示刷新按钮,默认为 false。
10. showToggle:是否显示表格切换视图按钮,默认为 false。
11. striped:是否显示斑马线效果,默认为 false。
12. clickToSelect:是否启用点击选中行功能,默认为 false。
13. singleSelect:是否启用单选功能,默认为 false。
14. toolbar:是否显示工具栏,默认为 false。
15. idField:指定行数据的唯一标识字段。
16. queryParams:自定义查询参数函数。
17. responseHandler:自定义数据转换函数。
18. onLoadSuccess:表格加载成功后的回调函数。
19. onLoadError:表格加载失败后的回调函数。
以上是一些常用的配置,如果需要更详细的配置信息可以查看官方文档。
相关问题
bootstrap-table data配置项
bootstrap-table的data配置项用于设置表格的数据来源。它可以接受不同类型的数据,包括数组、JSON对象、URL等。
如果你想直接使用数组作为数据源,可以将数组赋值给data配置项,例如:
```
data: [
{id: 1, name: 'John', age: 25},
{id: 2, name: 'Jane', age: 30},
{id: 3, name: 'Bob', age: 35}
]
```
这里的数据项包含了id、name和age字段。
如果你希望使用JSON对象作为数据源,也可以将JSON对象赋值给data配置项,例如:
```
data: {
"total": 3,
"rows": [
{id: 1, name: 'John', age: 25},
{id: 2, name: 'Jane', age: 30},
{id: 3, name: 'Bob', age: 35}
]
}
```
这里的数据项包含了total和rows字段,其中rows字段存放了具体的数据行。
另外,如果你想从服务器动态加载数据,可以将数据源的URL赋值给data配置项,
阅读全文