<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.