@vcl/vcl/sum-table/demo/example.html

The whole VCL in one package

<table class="table sum-table fixed">
  <thead>
    <tr>
      <th><div>Position</div></th>
      <th><div>Description</div></th>
      <th class="align-right"><div>Quantity</div></th>
      <th class="align-right"><div>Price (EUR)</div></th>
      <th class="align-right"><div>VAT</div></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Article 23784628</td>
      <td class="align-right">1</td>
      <td class="align-right">12.00</td>
      <td class="align-right">19%</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Article 34895789</td>
      <td class="align-right">2</td>
      <td class="align-right">11,111.11</td>
      <td class="align-right">19%</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Article 89054373</td>
      <td class="align-right">1 000</td>
      <td class="align-right">1.15</td>
      <td class="align-right">7%</td>
    </tr>
    <tr class="sum-table-sub-total">
      <td colspan="3">Sub-Total (gross)</td>
      <td colspan="2" class="align-right">27,689.22 <small>EUR</small></td>
    </tr>
    <tr class="no-border">
      <td colspan="3">Sub-Total (net)</td>
      <td colspan="2" class="align-right">23,384.22 <small>EUR</small></td>
    </tr>
    <tr class="no-border">
      <td colspan="5">&nbsp;</td>
    </tr>
    <tr class="no-border">
      <td colspan="3">+ VAT 19%</td>
      <td colspan="2" class="align-right">4,224.50 <small>EUR</small></td>
    </tr>
    <tr class="no-border">
      <td colspan="3">+ VAT 7%</td>
      <td colspan="2" class="align-right">80.50 <small>EUR</small></td>
    </tr>
    <tr class="sum-table-total">
      <td colspan="3">To be paid</td>
      <td colspan="2" class="align-right">27,689.22 <small>EUR</small></td>
    </tr>
  </tbody>
</table>