0

私はこれに似たhtmlテーブルを作成しようとしています:

ここに画像の説明を入力

私はテーブルのデータには興味がありませんが、ベアボーンだけに興味があります: 可能性、結果、列名 (マイナー、中等度など) および行 (ほぼ確実、可能性など)。

これは私がこれまでに持っているものです: http://jsfiddle.net/PQHR6/

LikelihoodそれらとConsequenceヘッダーの作り方がわかりません

4

2 に答える 2

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/

于 2013-02-19T16:55:22.420 に答える
1

テーブルの見出しを使用し、2 番目の見出しに属性をth追加colspanして、5 列にまたがります。

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

更新されたjsfiddle

于 2013-02-19T16:50:16.347 に答える