第一次使用Bootstrap-table这个表格插件，记录一下使用过程中遇到的问题。
|引入CSS文件
rush:xhtml;">
|引入相关库
我们需要引入Jquery库、bootstrap库、以及bootstrap-table.js文件
rush:xhtml;">
|启用Bootstrap Table插件：
官方文档中给出了我们有两种那个方式来启用bootstrap-table插件：
1、通过data属性的方式：
rush:xhtml;">
Item ID
| Item Name |
Item Price |
2、通过js的方式：
rush:xhtml;">
//只需要HTML中写下table
标签，并设置id
rush:js;">
$('#table').bootstrapTable({
columns: [{
field: 'id',
title: 'Item ID'
},{
field: 'name',title: 'Item Name'
},{
field: 'price',title: 'Item Price'
}],data: [{
id: 1,name: 'Item 1',price: '$1'
},{
id: 2,name: 'Item 2',price: '$2'
}]
});
也可以通过url获取数据
rush:js;">
$('#table').bootstrapTable({
url: 'data1.json',columns: [{
field: 'id', //与返回值的JSON数据的key值对应
title: 'Item ID' //列名
},title: 'Item Price'
},]
});
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
