Нижняя часть стопы только на первой странице

Question

Я хочу напечатать таблицу с несколькими страницами с повторным верхним и нижним колонтитулом, все, кажется, работает нормально.

Моя проблема в том, что нижний колонтитул правильный на первой странице, но на второй странице нижний колонтитул не придерживаетсявнизу, оно непосредственно следует содержимому tbody.

Я хочу вставить этот нижний колонтитул внизу каждой страницы.

Это мой HTML-код:

<table class="report-container">
<thead class="report-header">
<tr>
<th class="report-header-cell">
<div class="header-info">
HEADER
</div>
</th>
</tr>
</thead>
<tfoot class="report-footer">  
   <tr> 
      <td class="report-footer-cell">
        <div class="footer-info">
FOOTER
        </div>
      </td>
   </tr>
</tfoot>
<tbody class="report-content">
<tr> 
<td class="report-content-cell">
<div class="main">
CONTENT OF THE MUTIPAGE
</div>
</td>
</tr>
</tbody>
</table>

Мой CSS следующий:

table.report-container {
    page-break-after:auto;
}
thead.report-header {
    display:table-header-group;
}
tfoot.report-footer {
    display:table-footer-group;

}