html - 将内容放在表格的每一行下方

Question

我想将自定义数据放在表格的每一行下面。这是我正在做的

<table class="table" id="foo">
    <tr>
        <th>
            Name
        </th>
        <th>
            Detail
        </th>
        <th>
            Custom
        </th>
        <th>
            Properties
        </th>
        <th></th>
    </tr>

        <tr>
            <td>
                Col0
            </td>
            <td>
                Col1
            </td>
            <td>
               Col2
            </td>
            <td>
               Col3
            </td>
            <td>
                Col4
            </td>
        </tr>

        <tr>
           someData2
        </tr>

</table>

这就是我得到的

someData2
Name    Detail  Custom  Properties  
Col0    Col1    Col2    Col3    Col4

我希望 someData 出现在行 (Col0,Col1,...) 之后。基本上我会有一行，然后在该行下面有一些数据。然后是另一行，模式继续。谁能告诉我如何在行后放置 someData2？我在这里做错了什么？我知道如果我将它包含在 someData2 中我可以做到，但是它只有一列的宽度我想告诉它使用整个空间。

Answer 1

这是一个非常基本的 HTML 问题，你需要一个带有 colspan 属性的 TD:

<table class="table" id="foo">
<tr>
    <th>
        Name
    </th>
    <th>
        Detail
    </th>
    <th>
        Custom
    </th>
    <th>
        Properties
    </th>
    <th></th>
</tr>

    <tr>
        <td>
            Col0
        </td>
        <td>
            Col1
        </td>
        <td>
           Col2
        </td>
        <td>
           Col3
        </td>
        <td>
            Col4
        </td>
    </tr>

    <tr>
      <td colspan="5">
        someData2
      </td>
    </tr>
</table>

阅读此处:https://html.com/attributes/td-colspan/