如何創建一個HTML表標題列和行區域

Question

我試圖做出與此類似HTML表：

我不感興趣的數據表中，但只是準系統：可能性，後果，列名（小，中等等）和行（幾乎肯定，可能等）。

這是我到目前爲止有：http://jsfiddle.net/PQHR6/

我無法弄清楚如何使這些Likelihood和Consequence頭

Answer 1

您需要使用屬性colspan的th。

<tr> 
     <th>Table header</th> 
     <th colspan="5">Table header</th> 
    </tr> 
    <tr> 
     <th>&nbsp; <!-- EMPTY --></th> 
     <th>Minor</th> 
     <th>Lorem 1</th> 
     <th>Lorem 2</th> 
     <th>Lorem 3</th> 
     <th>Lorem 4</th> 
    </tr> 
    <tr> 
     <th>Almost Certain</th> 
     <td>Table cell 1</td> 
     <td>Table cell 2</td> 
     <td>Table cell 3</td> 
     <td>Table cell 4</td> 
     <td>Table cell 5</td> 
    </tr> 

的jsfiddle：http://jsfiddle.net/nPQfz/

Answer 2

使用表格標題th並添加colspan屬性，第二個標題跨越5列：

<tr> 
    <th>Likelyhood</th> 
    <th colspan="5">Consequence</th> 
</tr> 

Updated jsfiddle