Проблема ширины таблицы HTML - PullRequest
Новая
       36

Проблема ширины таблицы HTML

0 голосов
/ 05 сентября 2018

У меня есть таблица 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>

Как показано в коде, 3-й столбец «Платежные позиции» не имеет фиксированного размера. То же самое для 5-го столбца. Все остальные столбцы имеют фиксированный размер. Но теперь проблема в том, что ширина таблицы неверна, как показано на рисунке ниже.

enter image description here

Как показано на рисунке, после последнего столбца есть место. Как установить это пространство? Что касается <tr>, ширина равна 100%, хотя она не отображается до последнего.

...