zoukankan      html  css  js  c++  java
  • 表格(合并单元格)

    <style>

    td{

      text-align: center;

    }

    </style>

    <table class="yitable" border="1" width="620" rules="groups" style="background-color:#f5f5f5; margin:0 auto;1128px;" >
    <colgroup span="1" width="150"></colgroup>
    <colgroup span="1" width="200"></colgroup>
    <colgroup span="1" width="200"></colgroup>
    <colgroup span="1" width="400"></colgroup>
    <thead>
    <tr style="height: 45px;">
    <td>Serial number</td>
    <td colspan="2">Date</td>
    <td>Email</td>
    <td>lucky ID</td>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>1</td>
    <td>2016/12/1</td>
    <td>8:59:23</td>
    <td>nick@......hina.com</td>
    <td>18</td>
    </tr>
    </tbody>

    <tbody>
    <tr>
    <td>13</td>
    <td>2016/12/1</td>
    <td>14:29:21</td>
    <td>ptyp......@gmail.com</td>
    <td>20</td>
    </tr>
    </tbody>

    <tbody>
    <tr>
    <td>15</td>
    <td>2016/12/1</td>
    <td>14:32:34</td>
    <td>spi1......@yahoo.gr</td>
    <td>10</td>
    </tr>
    </tbody>

    <tbody>
    <tr>
    <td rowspan="2">19</td>
    <td rowspan="2">2016/12/1</td>
    <td rowspan="2">15:02:07</td>
    <td rowspan="2">paco......@hotmail.com</td>
    <td style="border-bottom: 1px solid #808080">16</td>
    </tr>
    <tr>
    <td>49</td>
    </tr>
    </tbody>

    <tbody>
    <tr>
    <td>20</td>
    <td>2016/12/1</td>
    <td>15:12:28</td>
    <td>ange......@gmail.com</td>
    <td>50</td>
    </tr>
    </tbody>

    <tbody>
    <tr>
    <td>26</td>
    <td>2016/12/1</td>
    <td>15:53:59</td>
    <td>toti......48@gmail.com</td>
    <td>13</td>
    </tr>
    </tbody>

    <tbody>
    <tr>
    <td rowspan="5">27</td>
    <td rowspan="5">2016/12/1</td>
    <td rowspan="5">15:54:29</td>
    <td rowspan="5">katz......@gmx.net</td>
    <td style="border-bottom: 1px solid #808080">02</td>
    </tr>
    <tr>
    <td style="border-bottom: 1px solid #808080">22</td>
    </tr>
    <tr>
    <td style="border-bottom: 1px solid #808080">36</td>
    </tr>
    <tr>
    <td style="border-bottom: 1px solid #808080">62</td>
    </tr>
    <tr>
    <td>90</td>
    </tr>
    </tbody>

    <tbody>
    <tr>
    <td rowspan="3">37</td>
    <td rowspan="3">2016/12/1</td>
    <td rowspan="3">18:56:40</td>
    <td rowspan="3">thom......@gmx.de</td>
    <td style="border-bottom: 1px solid #808080">34</td>
    </tr>
    <tr>
    <td style="border-bottom: 1px solid #808080">59</td>
    </tr>
    <tr>
    <td>76</td>
    </tr>
    </tbody>

    </table>

  • 相关阅读:
    ES2017 新特性:Async Functions (异步函数)
    为什么 window.location.search 为空?
    vue-cli 构建Vue项目后的打包和发布
    Vue.js父子组件如何传值 通俗易懂
    vue 面试题(文章末尾还有其他链接)
    vue组件命名和传值 and 父子组件传值
    line-gradient 之渐变角度
    vue-router路由模式
    vue-router 去掉#
    记录vue项目上线遇到的一些问题
  • 原文地址:https://www.cnblogs.com/liucaixia/p/6128819.html
Copyright © 2011-2022 走看看