如何在HTML表格中让指定行跳过部分列起始？

要让表格最后一行从Cost列下方开始，核心是用HTML的colspan属性合并前面不需要的列，具体实现如下：

原始表格示例（对应你提供的当前效果） #

假设原始表格结构大致如下：

<table border="1">
  <tr>
    <th>Description</th>
    <th>Qty</th>
    <th>Cost</th>
    <th>Total</th>
  </tr>
  <tr>
    <td>Item 1</td>
    <td>2</td>
    <td>$10</td>
    <td>$20</td>
  </tr>
  <tr>
    <td>Item 2</td>
    <td>3</td>
    <td>$15</td>
    <td>$45</td>
  </tr>
  <!-- 原始最后一行，从最左侧开始 -->
  <tr>
    <td colspan="3">Subtotal</td>
    <td>$65</td>
  </tr>
</table>

修改后的表格（实现你想要的效果） #

给最后一行的第一个单元格设置colspan属性，合并前面2列（对应Description和Qty列），让内容从Cost列下方开始：

<table border="1">
  <tr>
    <th>Description</th>
    <th>Qty</th>
    <th>Cost</th>
    <th>Total</th>
  </tr>
  <tr>
    <td>Item 1</td>
    <td>2</td>
    <td>$10</td>
    <td>$20</td>
  </tr>
  <tr>
    <td>Item 2</td>
    <td>3</td>
    <td>$15</td>
    <td>$45</td>
  </tr>
  <!-- 修改后的最后一行，从Cost列开始 -->
  <tr>
    <!-- 合并前2列，空出对应位置 -->
    <td colspan="2"></td>
    <td>Subtotal</td>
    <td>$65</td>
  </tr>
</table>

关键说明 #

• colspan="n"表示让当前单元格横跨n列，这里设colspan="2"是因为要跳过前面的Description和Qty两列，要是你表格里需要跳过的列数不一样，直接调整数字就行。
• 要是觉得空单元格的边框看着不舒服，可以加个简单样式去掉：<td colspan="2" style="border: 0;"></td>

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