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

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>

Answer 3

Colspan, Rowspan或Table-Nesting *。

*表格嵌套是可憎的，但有时它比复杂的colspans和rowpans系列更容易使用。

Answer 4

如何使用HTML standard定义的“colspan”？您可以将它应用于名为“call standard”的单元格，并定义它应该跨越3个单元格。

Answer 5

您不必拥有另一个内部表...您可以将短行作为完整的表行，并且使标题单元格不会细分rowspan以跨越它（并相应地使用{在单元格的上方和下方{1}}。