如何生成某列含单元格合并的HTML表格？

你需要实现的表格里，单元格跨行合并的逻辑和行结构设置有误，导致现有代码达不到预期效果。以下是调整后的正确代码：

<table border="1" align="center" cellpadding="10px">
  <thead>
    <tr>
      <th>a</th>
      <th>b</th>
      <th>c</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>d</td>
      <td>e</td>
      <td>f</td>
    </tr>
    <tr>
      <td rowspan="2">g</td>
      <td>h</td>
      <td rowspan="3">i</td>
    </tr>
    <tr>
      <td>j</td>
    </tr>
    <tr>
      <td>k</td>
      <td></td>
    </tr>
  </tbody>
</table>

错误点说明： #

• 原代码给h设置rowspan="1"属于冗余操作，默认单元格跨行数就是1，无需额外声明；
• 错误地给j添加了rowspan="2"，导致它会占用两行的B列，和预期中行5的B列空出的效果不符；
• 行结构的单元格对应关系没理清：跨行单元格覆盖的行里，不需要重复添加被覆盖的单元格，但未被覆盖的列要正确放置，比如行5的A列放k，B列留空即可。

内容的提问来源于stack exchange，提问作者monika