bootstrap table入门例子
生活随笔
收集整理的這篇文章主要介紹了
bootstrap table入门例子
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
鏈接：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文件內(nèi)容如下：[{id:"1",title:"meetweb"},{id:"2",title:"learn bootstrap table"}]data: data,//獲取本地?cái)?shù)據(jù)columns: [{field: 'id',title: '日期'}, {field: 'name',title: '第一月月'}, {field: 'price',title: '第二預(yù)約'}, ] }); </script> </body> </html>
轉(zhuǎn)載于:https://www.cnblogs.com/beimingbingpo/p/8442728.html
總結(jié)
以上是生活随笔為你收集整理的bootstrap table入门例子的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 59.排序好的大数据创建索引文件,并实现
- 下一篇： JSP中直接在输入框中校验