Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/loops/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在表中的行中显示行?_Html - Fatal编程技术网

Html 如何在表中的行中显示行?

Html 如何在表中的行中显示行?,html,Html,我试图给出这个表中一般标题的效果,然后将这些标题细分为三类。表格应将此细分一直延续到最后。 我知道我可能可以在行插入中插入一个表,但我不想让自己被表占据。 有没有一种更简单的方法来获得这种效果 您可以使用Colspan和rowspan属性设置每个单元格跨行和跨列的距离 例如: <table> <tbody> <tr> <td rowspan="2">Top Left Header</td> &

我试图给出这个表中一般标题的效果,然后将这些标题细分为三类。表格应将此细分一直延续到最后。 我知道我可能可以在行插入中插入一个表,但我不想让自己被表占据。 有没有一种更简单的方法来获得这种效果


您可以使用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列的列

第二行只填充“缺失”列;忽略第一个,因为它以前已定义。

或*


*表嵌套是令人讨厌的,但有时它比复杂的列“colspan”和行“span”更容易处理。

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

您不必有另一个内部表。。。您可以将短行作为完整的表格行,并且可以使用不细分
rowspan
的标题单元格来跨越它(并相应地在上面和下面的单元格上使用
colspan

您可以使用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>

第1栏标题
呼叫标准
第3栏标题
标记
百分比
天
第1列值
4.
1%
6.
第3列值

这很有效,我仍然可以递归地填充动态数据。谢谢,谢谢你的链接,乔纳森!