每行中具有不同列数的html表答案

【问题标题】：html table with various column count in each row每行中具有不同列数的html表
【发布时间】：2019-01-26 00:50:28
【问题描述】：

我会制作一个表格，每行都有各种独立的列数。例如第一行有 2 列，第 2 行有 3 列。我用下面的代码试过了，但它是错误的：

    <table  summary="worker_resume_user_info" style="width:100%">
        <tbody id="2">
        <tr style="border:none">
            <td colspan="12">
            </td>
        </tr>
        <tr>
            <td colspan="4">
                1
            </td>
            <td colspan="4">
                2
            </td>
        </tr>
        </tbody>

    </table>

我该怎么做？

【问题讨论】：

4 + 4 不等于 12

标签： html html-table

【解决方案1】：

差不多，你真的很亲近。

您只需要确保您的添加是正确的。添加的两列 colspan 必须等于添加的 3 column colspan。在这个例子中 6+6 = 4+4+4

<table border=1 summary="worker_resume_user_info" style="width:100%">
    <tbody id="2">
        <tr style="border:none">
            <td colspan="6">6</td>
            <td colspan="6">6</td>
        </tr>
        <tr>
            <td colspan="4">4</td>
            <td colspan="4">4</td>
            <td colspan="4">4</td>
        </tr>
    </tbody>
</table>

http://jsfiddle.net/zcjb23jo/

【讨论】：

【解决方案2】：

不确定这是否是您所得到的，但此表在第一行有 2 列，在第二行有 3 列。

<table border="1">
    <tr>
        <td>
            Column 1
        </td>
        <td colspan="2">
            Column 2
        </td>
    </tr>
    <tr>
        <td>
            Column 1
        </td>
        <td>
            Column 2
        </td>
        <td>
            Column 3
        </td>
    </tr>
</table>

【讨论】：