在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）。