bootstrap table入门例子
链接：https://pan.baidu.com/s/1jJ2Y89g 密码：eo7t
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="lib/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="lib/bootstrap-table.css">
<title>table</title>
<script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="lib/bootstrap.min.js"></script>
<script type="text/javascript" src="lib/bootstrap-table.js"></script>
<script type="text/javascript" src="lib/bootstrap-table-zh-CN.js"></script>
</head>
<body>
<div style="width:90%;margin:0 auto;">
<table id="table"></table>
</div>
<script type="text/javascript">
var data = [
{"id":12,"name":13,"price":14}
];
$('#table').bootstrapTable({
// url: 'data1.json',
//data1.json文件内容如下：[{id:"1",title:"meetweb"},{id:"2",title:"learn bootstrap table"}]
data: data,//获取本地数据
columns: [{
field: 'id',
title: '日期'
}, {
field: 'name',
title: '第一月月'
}, {
field: 'price',
title: '第二预约'
}, ]
});
</script>
</body>
</html>
