最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Bootstrap table学习心得 问题解答
时间：2022-06-29 01:32:46 编辑：袖梨 来源：一聚教程网
第一次使用Bootstrap-table这个表格插件，记录一下使用过程中遇到的问题。
|引入CSS文件
|引入相关库
我们需要引入Jquery库、bootstrap库、以及bootstrap-table.js文件
<-- put your locale files after bootstrap-table.js -->
|启用Bootstrap Table插件：
官方文档中给出了我们有两种那个方式来启用bootstrap-table插件：
1、通过data属性的方式：
Item ID Item Name Item Price
2、通过js的方式：
//只需要HTML中写下table标签，并设置id
$('#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获取数据
$('#table').bootstrapTable({
url:'data1.json',
columns: [{
field:'id', //与返回值的JSON数据的key值对应
title:'Item ID' //列名
}, {
field:'name',
title:'Item Name'
}, {
field:'price',
title:'Item Price'
}, ]
});
以上就是本文的全部内容，希望对大家的学习有所帮助
相关文章
- 超自然行动组狐狸与狐妖怎么捕捉 狐狸与狐妖捕捉方法 08-21
- 远光84战术竞技玩法怎么玩 战术竞技玩法教学 08-21
- 米姆米姆哈绮绿夕羽季活动怎么完成 绮绿夕羽季活动攻略一览 08-21
- 鸣潮奥古斯塔值得抽吗 奥古斯塔抽取建议 08-21
- 鸣潮尤诺值得抽吗 尤诺抽取规划 08-21
- 伊瑟萌新怎么配队 萌新配队攻略 08-21