HTMLテーブルにrowspanを追加する簡単な方法

Question

rowSpanを持つHTMLテーブルを生成しようとしています（写真のように） 1列目と2列目と3列目のテーブルを生成することができます。 ：

<td rowspan="2"> a</td> 
        <td>bb</td> 
        <td>d</td> 
       </tr> 
        <tr> 
         <td>c</td> 
         <td>e</td> 
        </tr> 

しかし、それが4になると、何をすべきか分かりません。ネストしたテーブルを作成しますが、正しく動作しません。 誰もが考えている？

Answer 1

は、私はあなたがこのために探していると思います - 最初の列は3行にまたがる、中央の列は1つだけの行にまたがる、そして右上の列は再び2行はスパン：

<table border="1"> 
    <tr> 
    <th>col 1</th> 
    <th>col 2</th> 
    <th>col 3</th> 
    <th>col 4</th> 
    </tr> 
    <tr> 
    <td rowspan="3">a</td> 
    <td rowspan="2">b</td> 
    <td rowspan="2">c</td> 
    <td>f</td> 
    </tr> 
    <tr> 
    <td>g</td> 
    </tr> 
    <tr> 
    <td>h</td> 
    <td>i</td> 
    <td>j</td> 
    </tr> 
</table> 

Answer 2

第二行は2つのだけのセル（td）を有することhttps://jsfiddle.net/gpnx0nqj/

注を参照してください。