在<th>元素内添加一个<th>元素

我有一个跨越2列的标题之一的html表格。我如何将子标题添加到2列中的每一列？在<th>元素内添加一个<th>元素

例如，在附加的图片中，我希望“联系人”列为各个列添加子标头“电话”和“地址”。

enter image description here

在此先感谢。

2012-06-22 Myxtic

+1所有乡亲给我正确的方向。非常感谢你的帮助。 – Myxtic

以同样的方式，你会如果你是在纸上画出来的表格：

<table> 
    <thead> 
    <tr> 
     <th rowspan="2">Name</th> 
     <th rowspan="2">Email</th> 
     <th colspan="2">Contact</th> 
    </tr> 
    <tr> 
     <th>Phone</th> 
     <th>Address</th> 
    </tr> 
    </thead> 
    <tbody> 
    <!-- your data goes here --> 
    </tbody> 
</table>

来源

2012-06-22 15:50:15

添加一个新行然后添加子标题确实有效，但它们在“名称”和“电子邮件”下对齐。所以我不得不在新行中添加空的标签以对齐“联系”下的子标题。谢谢。 – Myxtic

你确定你在正确的地方使用了'rowspan'和'colspan'吗？永远不需要添加空单元格。 –

啊！修复了我最后的rowspan，并且它工作正常。再次感谢：） – Myxtic

添加另一行并将子标题放入<td />标记。也许给该行一个类和风格的TD文本？这样他们将看起来不像真正的标题，这可能会导致混淆。

来源

2012-06-22 15:49:52 TheZ

你需要有两个独立的标题行：

<tr> 
    <th rowspan="2">Name</th> 
    <th rowspan="2">Email</th> 
    <th colspan="2">Contact</th> 
</tr> 
<tr> 
    <th>Number</th> 
    <th>Address</th> 
</tr>

来源

2012-06-22 15:50:24 jackwanders

<table> 
<tr> 
<th>Title 1</th><th>Title 2</th><th colspan="2">Title 3</th> 
</tr> 
<tr> 
<td>content</td><td>content</td><th>subtitle 1</th><th>subtitle 2</th> 
</tr> 
<tr> 
<td>content</td><td>content</td><td>content</td><td>content</td> 
</tr> 
</table>

来源

2012-06-22 15:55:02

在<th>元素内添加一个<th>元素

回答

相关问题