Question

我想在每一行中创建一个包含各种独立列数的表。例如，第一行有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>

我该怎么做？

Answer 1

差不多，你真的很亲密。

您只需要确保添加正确。添加的两列colspan必须等于添加的3列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/

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

html表，每行有各种列数

2 个答案: