自动colspan使td中心

Question

我有一个动态表格，我不知道列数。但我希望当td的数量少于平时，第一列自动colspan使<td>的中心。 例如，我有四列。我添加一个<tr>，其中只有两列。我想设置两个第二和第三位置使其成为中心。

这里我的最后<td>成为了中心。我想达到这个效果。如果可以使用CSS，我将非常感激。

我有表格的HTML代码。但我无法理解如何做到这一点。

HTML：

  <table>
    <tr>
      <td>1</td>
      <td>1</td>
      <td>1</td>
      <td>1</td> 
    </tr>
    <tr>
      <td>1</td>
      <td>1</td>
      <td>1</td>
      <td>1</td> 
    </tr>    
    <tr >
      <td>1</td>
      <td>1</td>
    </tr>

  </table>