Extending #list loop (item table) in PDF template to bottom of the page in Netsuite

Question

In the Netsuite pdf builder, the item table usually looks like this, as in the item table only is as big as the number of items (no white space under the 2nd item):

And some boilerplate code would be:

<#if record.item?has_content>
<table class="itemtable" style="width: 100%;"><!-- start items -->
<#list record.item as item>
<#if item_index==0>
<thead>
    <tr>
        <th align="center" colspan="2">${item.quantity@label}</th>
        <th align="center" colspan="3">Item Code</th>
        <th align="center" colspan="5">${item.description@label}</th>
        <th align="center" colspan="1">U/M</th>
        <th align="center" colspan="2">Price Each</th>
        <th align="center" colspan="2">${item.amount@label}</th>
    </tr>
</thead>
</#if>
    <tr style="background-color: ${((item_index % 2)==0)?string('#ffffff', '#e3e3e3')};"> <!--add alternating background for rows-->
        <td align="center" colspan="2">${item.quantity}</td>
        <td colspan="3"><span class="itemname">${item.item}</span></td>
        <td colspan="5">${item.description}</td>
        <td align="center" colspan="1">${item.units}</td>
        <td align="center" colspan="2">${item.rate?string.currency}</td>
        <td align="center" colspan="2">${item.amount?string.currency}</td>
    </tr>
</#list><!-- end items -->
</table></#if>

I want to extend the item table in the #list to the bottom of the page no matter the number of items

I previously tried to use two divs with flex column. But even though the outer div was height: 100%, the inner div did NOT fill up the outer div. Netsuite seems to only make the table as big as the number of items.

Thank you.