使用js初始化bootstrap table组件时,我们需要配置各项属性来控制bootstrap table的显示,接下来将详细介绍
1.classes属性:设置表格的css样式
//设置表格的 class 属性
classes: 'table table-bordered table-hover',
2.columns属性:设置表格表头,field定义字段名,title定义字段具体显示的内容
columns: [{
field: 'id',
title: 'ID'
}, {
field: 'name',
title: '名称'
}, {
field: 'price',
title: '价格'
}],
3.pagination:是否显示分页,也就是表格正下方的当前页数等等的内容
//是否显示分页
pagination: true,
4.datas:用来静态加载数据,如果要用动态加载,可以用url,或者ajax属性。
data: [{ //数据
id: 1,
name: 'Item 1',
price: '$1'
}, {
id: 2,
name: 'Item 2',
price: '$2'
},{
id:3,
name : 'item3',
price : '3'
}]