在HTML表格中添加rowspan的簡單方法

Question

我正在嘗試生成一個HTML表格，它具有rowSpan（如圖所示） 我設法爲列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行，中間列跨越一個單行，頂部右側立柱又是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

見https://jsfiddle.net/gpnx0nqj/

注意，第二排只有兩個單元（td）。