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

但是当它到达column4时，我无法弄清楚要做什么。我创建一个嵌套表但它无法正常工作。 任何人都有任何想法？

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