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列值
这很有效,我仍然可以递归地填充动态数据。谢谢,谢谢你的链接,乔纳森!