html表中行之间的内容

Question

我需要有一个表，其中每一行可以有一个子表或该行下面的其他内容。

有没有有效的方法可以做到这一点？

Answer 1

在之后添加另一个<tr> ，其中colspan跨越所有列，然后将另一个<td>与<table>放在一起。

<tr>
    <td>col1</td>
    <td>col2</td>
    <td>col3</td>
</tr>
<tr>
    <td colspan="3">
        <table>...</table>
    </td>
</tr>
<tr>
    <td>col1</td>
    <td>col2</td>
    <td>col3</td>
</tr>

然后新表将出现在行之间。

Answer 2

<table>
    <tbody>
        <tr>
            <td>
                <table>
                    <tbody>
                        <tr>
                            <td>
                                 problem?
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>

Answer 3

您不能在行之间的任何内容中放置任何内容，所有内容都必须位于表格单元格内。

您可以添加另一行，并使用colspan使其包含跨越表格宽度的单个单元格，并将内容放入该单元格中。

<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td colspan="3"></td>
  </tr>
</table>

Answer 4

没有有效的方法。 tr中只允许使用td-s和th-s 但是，您可以在行中只放置1个td，并将​​其colspan属性设置为表中的列数。