首页 > 其他 > 详细

开发bootstrap的table列表

时间:2014-12-08 09:17:47      阅读:245      评论:0      收藏:0      [点我收藏+]

<html lang="en">
<head>
    <title>table</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <link href="../book/css/bootstrap.css" rel="stylesheet" type="text/css" />
</head> 
<body>
    <div class="table-responsive">
       <table id="tb" class="table table-bordered table-hover">
        <thead>
          <tr>
            <th class="col-md-2">编号</th>
            <th class="col-md-5">国家</th>
            <th class="col-md-5">名称</th>
          </tr>         
        </thead>
        <tbody id="tbody">
           <tr class="active"><td>1</td><td>魏国</td><td>曹操</td></tr>
           <tr><td>2</td><td>魏国</td><td>张辽</td></tr>
           <tr><td>3</td><td>魏国</td><td>司马懿</td></tr>
           <tr><td>4</td><td>魏国</td><td>夏侯淳</td></tr>
           <tr class="active"><td>5</td><td>蜀国</td><td>刘备</td></tr>
           <tr><td>6</td><td>蜀国</td><td>关羽</td></tr>
           <tr><td>7</td><td>蜀国</td><td>张飞</td></tr>
           <tr><td>8</td><td>蜀国</td><td>赵云</td></tr>
           <tr class="active"><td>9</td><td>吴国</td><td>孙权</td></tr>
           <tr><td>10</td><td>吴国</td><td>周瑜</td></tr>
           <tr><td>11</td><td>吴国</td><td>鲁肃</td></tr>
           <tr><td>12</td><td>吴国</td><td>黄盖</td></tr>
        </tbody>
      </table>
     </div>
</body>
</html>

 

效果图:

bubuko.com,布布扣

开发bootstrap的table列表

原文:http://blog.csdn.net/y_f123/article/details/41799649

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!