• 表格(合并单元格)


    <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>

  • 相关阅读:
    多级联动系列——数组二级联动
    WebSocket初探
    8大最有气质的网络公司
    Quartz中时间表达式的设置-----corn表达式
    Servlet页面间对象传递的方法
    LSPCI具体解释分析
    CREATE PROCEDURE
    php实现工厂模式
    sql语法:inner join on, left join on, right join on具体用法
    C++虚函数表调用学习
  • 原文地址:https://www.cnblogs.com/liucaixia/p/6128819.html
Copyright © 2020-2023  润新知