td中的多行

Ren*_*z M 4 html

我花了一些时间弄清楚如何做到这一点,并且我发现我真的不擅长html表。

需要帮助如何实际执行此操作。

这是我坚持的基本代码,不需要表头

<table border="1" width="100%" height="300px">
  <tbody>
    <tr>
      <td rowspan="3">
        Physical Accomplishment
      </td>
      <td>Projected</td>
      <td>Weekly Cumulative</td>
    </tr>
    <tr>
      <td>Actual</td>
      <td>Weekly Cumulative</td>

    </tr>
    <tr>
      <td>Slippage</td>
      <td>Weekly Cumulative</td>
    </tr>
  </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

这是我的目标:

在此处输入图片说明

klu*_*gjo 6

第一列使用rowspan 6,第二列和第三列使用rowspan 2

<table border="1" width="100%" height="300px">
   <tbody>
      <tr>
         <td rowspan="6">
            Physical Accomplishment
         </td>
         <td rowspan="2">Projected</td>
         <td rowspan="2">Weekly Cumulative</td>
         <td>10%</td>
         <td>20%</td>
         <td>30%</td>
         <td>40%</td>
      </tr>
      <tr>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
      </tr>
      <tr>
         <td rowspan="2">Actual</td>
         <td rowspan="2">Weekly Cumulative</td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
      </tr>
      <tr>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
      </tr>
      <tr>
         <td rowspan="2">Slippage</td>
         <td rowspan="2">Weekly Cumulative</td>
         <td>10%</td>
         <td>20%</td>
         <td>30%</td>
         <td>40%</td>
      </tr>
      <tr>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
      </tr>
   </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)