如何在HTML表格的CoordLamberts单元格下设置x、y两个子单元格

你的问题核心是表头的colspan和rowspan属性配置错误，同时第二行表头存在多余的空单元格，修改方案如下：

1. 给第一行的CoordLamberts表头单元格添加colspan="2"属性，声明该单元格横跨下方2个列
2. 删除第二行表头多余的空<th>元素，仅保留x、y两个子表头即可

原有CSS代码不需要修改，修改后的完整HTML代码如下：

<table class="techniques">
  <tr>
    <th rowspan="2">Foret</th>
    <th rowspan="2">Canton</th>
    <th rowspan="2">Secteur</th>
    <th rowspan="2">Parcelles</th>
    <th colspan="2">CoordLamberts</th>
    <th rowspan="2">Superficie(ha)</th>
  </tr>
  <tr>
    <th>x</th>
    <th>y</th>
  </tr>
  <tr>
    <td>City</td>
    <td>BV</td>
    <td>region</td>
    <td>3</td>
    <td>443</td>
    <td>634</td>
    <td>13</td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td>7</td>
    <td>786</td>
    <td>564</td>
    <td>35</td>
  </tr>
  <tr>
    <td colspan="4">superficie(ha)</td>
    <td>786</td>
    <td>564</td>
    <td>35</td>
  </tr>
</table>

修改后表头会自动实现你需要的嵌套效果：CoordLamberts作为上层表头正好覆盖下方的x、y两个子单元格。

内容的提问来源于stack exchange，提问作者TAHER El Mehdi