table合并列合并行

一、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属性为合并行

posted @ 2020-09-24 16:29  倔强的烤马铃薯  阅读(15)  评论(0)    收藏  举报  来源