Print format add auto page number

<table style="min-height: var(--page-height); width: var(--page-width)">
    <thead class="print-head" style="height: var(--header-height);>
        <tr>
            <td>
            </td>
        </tr>
    </thead>
    <tbody class="print-body">
        <tr>
            <td>
            </td>
        </tr>
    </tbody>
    <tfoot class="print-foot" style="display: table-footer-group;">
        <tr>
            <td id="footer-spacer" style="height: var(--footer-height);"></td>
        </tr>
    </tfoot>
</table>

<div id="print-footer" style="height: var(--footer-height); position: fixed; bottom 0;">

Your footer code here...

</div>



Related CSS Example

:root{
    --page-width: 210mm;
    --page-height: 297mm;
    --header-height: 40.0mm;
    --footer-height: 35.0mm;
}

Note: for this to work in PDF, you need to render through Chrome Headless instead of wkhtmltopdf.