博客

table合并列合并行

  • Post author:
  • Post category:其他




一、html代码


代码如下（示例）：
 

<table>
    <tbody>
        <tr class="firstRow">
            <td rowspan="2" colspan="4">table</td>
            <td rowspan="2" colspan="4">table</td>
            <td colspan="4" rowspan="1">table</td>
            <td colspan="4" rowspan="1">table</td>
            <td colspan="4" rowspan="1">table</td>
            <td colspan="4" rowspan="2">table</td>
        </tr>
        <tr>
            <td colspan="2">数据</td>
            <td colspan="2">数据</td>
            <td colspan="2">数据</td>
            <td colspan="2">数据</td>
            <td colspan="2">数据</td>
            <td colspan="2">数据</td>
        </tr>
    </tbody>
</table>



二.备注


1.colspan属性为合并列

2.rowspan属性为合并行


版权声明：本文为weixin_48604432原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。