How Can I solve this header repeating issue? no need AI answers, appreciate your own answer, this is my table, 

<table class="lk-table mt-4">
    <thead>
        <tr>
            <th style="width: 15%;">Reference</th>
            <th style="width: 40%;">Description of Goods or Services</th>
            <th style="width: 10%;">Quantity</th>
            <th style="width: 15%;">Unit Price</th>
            <th style="width: 20%;">Amount Excluding VAT (Rs.)</th>
        </tr>
    </thead>
    <tbody>
        <t t-foreach="o.invoice_line_ids" t-as="line">
            <tr t-if="line.display_type">
                <td>
                    <span t-field="line.product_id.default_code"/>
                </td>
                <td>
                    <span t-field="line.name"/>
                </td>
                <td class="text-right">
                    <span t-field="line.quantity"/>
                </td>
                <td class="text-right">
                    <span t-field="line.price_unit"/>
                </td>
                <td class="text-right">
                    <span t-field="line.price_subtotal"/>
                </td>
            </tr>
        </t>
        <tr>
            <td colspan="4">Total Value of Supply:</td>
            <td class="text-right">
                <span t-field="o.amount_untaxed"/>
            </td>
        </tr>
        <tr>
            <td colspan="4">VAT Amount (Total Value of Supply @ 18%)</td>
            <td class="text-right">
                <span t-field="o.amount_tax"/>
            </td>
        </tr>
        <tr>
            <td colspan="4">
                Total Amount including VAT:
            </td>
            <td class="text-right">
                    <span t-field="o.amount_total"/>
            </td>
        </tr>
    </tbody>

</table>