如何在表格中的行中显示行？

Question

我试图在这个表格中给出一般标题的效果,然后将这样的标题细分为三个类别.该表应该一直到最后继续这个细分.我看到我可以在行插入中插入一个表,但不想用表来填充自己.有没有办法以更简单的方式获得这种效果？

Answer 1

您可以使用Colspan和rowspan属性来设置每个单元格跨行和列的距离.

例如:

<table>
  <tbody>
    <tr>
        <td rowspan="2">Top Left Header</td>
        <td colspan="3">Call Standard</td>
    </tr>
    <tr>
        <td>Flagged</td>
        <td>Percent</td>
        <td>Days</td>
    </tr>
  </tbody>
</table>

请注意,该表最终有4列.第一行定义一个跨越2行的列,以及一个跨越3列的列.

第二行只填写"缺失"列; 忽略第一个,因为它是先前定义的.

Answer 2

您可以使用rowspan和colspan来实现此目的:

<table>
    <tr>
        <td rowspan="2">Column 1 Heading</td>
        <td colspan="3">Call Standard</td>
        <td rowspan="2">Column 3 Heading</td>
    </tr>
    <tr>
        <td>Flagged</td>
        <td>Percent</td>
        <td>Days</td>
    </tr>
    <tr>
        <td>Column 1 Value</td>
        <td>4</td>
        <td>1%</td>
        <td>6</td>
        <td>Column 3 Value</td>
    </tr>
</table>