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>