时间戳

首页 > 解决方案 > 如何在表格的一个单元格中设置两个单元格？

html - 如何在表格的一个单元格中设置两个单元格？

问题描述

当我想(x, y)在一个单元格中设置两个单元格时我会感到困惑CoordLamberts？

.techniques {
  width: 70%;
  border: 1px solid;
}

.techniques,
.techniques th,
.techniques td {
  border-collapse: collapse;
  border: 1px solid;
}
<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>CoordLamberts</th>
    <th rowspan="2">Superficie(ha)</th>
  </tr>
  <tr>
    <th></th>
    <th></th>
    <th></th>
    <th></th>
    <th>x</th>
    <th>y</th>
    <th></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>
我的期望： 在此处输入图像描述 我得到的： 在此处输入图像描述

标签： htmlcsshtml-tablecellrows

解决方案

.techniques {
  width: 70%;
  border: 1px solid;
}

.techniques,
.techniques th,
.techniques td {
  border-collapse: collapse;
  border: 1px solid;
}
<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>

推荐阅读