zoukankan      html  css  js  c++  java
  • 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="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>
    

      

  • 相关阅读:
    字符串分割并按大小排序
    为人之气
    RMQ
    线段树
    算法中的数学
    动态规划(DP)
    图的表示
    广度优先搜索(BFS)
    深度优先搜索(DFS)
    MyBatis(3.2.3)
  • 原文地址:https://www.cnblogs.com/beimingbingpo/p/8442728.html
Copyright © 2011-2022 走看看