码迷,mamicode.com
首页 > Web开发 > 详细

html5 jquery bootstrap table 直接使用

时间:2016-07-18 16:55:05      阅读:306      评论:0      收藏:0      [点我收藏+]

标签:

 

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
    <meta name="keywords" content="html5 bootstrap table 直接使用"/>
    <meta name="description" content="html5 bootstrap table 直接使用"/>
    <title>html5 bootstrap table 直接使用</title>
    
    <script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">

    <script>

    </script>
    
</head>
<body>

<div class="table-responsive">
   <table class="table">
      <caption>响应式表格布局</caption>
      <thead>
         <tr>
            <th>产品</th>
            <th>付款日期</th>
            <th>状态</th>
         </tr>
      </thead>
      <tbody>
         <tr>
            <td>产品1</td>
            <td>23/11/2013</td>
            <td>待发货</td>
         </tr>
         <tr>
            <td>产品2</td>
            <td>10/11/2013</td>
            <td>发货中</td>
         </tr>
         <tr>
            <td>产品3</td>
            <td>20/10/2013</td>
            <td>待确认</td>
         </tr>
         <tr>
            <td>产品4</td>
            <td>20/10/2013</td>
            <td>已退货</td>
         </tr>
      </tbody>
   </table>
</div>      

</body>
</html>

 

html5 jquery bootstrap table 直接使用

标签:

原文地址:http://www.cnblogs.com/shaoing/p/5680508.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!