如何创建带有列和行部分标题的html表

Question

我正在尝试制作一个类似于此的html表：

我对表的数据不感兴趣，只是对准系统感兴趣：可能性，后果，列名（次要，中等等）和行（几乎可以肯定，等等）。

这是我到目前为止所做的：http://jsfiddle.net/PQHR6/

我无法弄清楚如何制作Likelihood和Consequence标题

Answer 1

使用表格标题th并将colspan属性添加到第二个标题以跨越5列：

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

Updated jsfiddle

Answer 2

您需要将th与属性colspan一起使用。

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