HTML表格宽度问题

Question

我有html表。代码如下：

<table class="table table-striped pay-bills">
  <tbody>
    <tr class="paybill-row">
      <th style="width:19%;" colspan="2">Contractor</th>
      <th style="width:10%;" colspan="2">All Unpaid Bills</th>
      <th colspan="5">Pay Items</th>
      <th style="width:8%;" rowspan="2">GROSS AMOUNT</th>
      <th colspan="2">Deduction Items</th>
      <th style="width:8%;" rowspan="2">NET AMOUNT</th>
    </tr>
    <tr class="paybill-row">
      <th>Name</th>
      <th>Company</th>
      <th>Hold</th>
      <th>Pay</th>
      <th> pt2108 </th>
      <th> pt3008 </th>
      <th> pt3108 </th>
      <th>Pay</th>
      <th>GST/ HST</th>

      <th>1105</th>
      <th>105</th>
    </tr>
  </tbody>
</table>

如代码所示，称为“付款项目”的第三列没有固定大小。第5栏相同。所有其他列均为固定大小。但是现在的问题是，表格的宽度不合适，如下图所示。

如图所示，最后一列之后有一些空格。如何设置空间？对于<tr>，宽度为100％，尽管直到最后才显示。