在<th>元素內添加一個<th>元素

Question

我有一個跨越2列的標題之一的html表格。我如何將子標題添加到2列中的每一列？

例如，在附加的圖片中，我希望「聯繫人」列爲各個列添加子標頭「電話」和「地址」。

在此先感謝。

Answer 1

以同樣的方式，你會如果你是在紙上畫出來的表格：

<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> 

Answer 2

添加另一行並將子標題放入<td />標記。也許給該行一個類和風格的TD文本？這樣他們將看起來不像真正的標題，這可能會導致混淆。

Answer 3

你需要有兩個獨立的標題行：

<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> 

Answer 4

<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>