I have an HTML table designed for printing with repeatable headers and footers. Everything is working correctly, the document breaks automatically. However, now I would like to break the page after each element. I have used the CSS property `page-break-after` and set it to `always`. Yes, it works, but I am facing another issue - the header and footer of the table do not repeat after the page break. What could be the problem?
Browser: Internet Explorer 8.
Print Styles:
table thead {display: table-header-group;}
table tfoot { display: table-footer-group;}
table tbody { display: table-row-group;}
.page-break { page-break-after:always;}
HTML Code:
<table>
<thead>
<tr>
<th>...</th>
</tr>
</thead>
<tfoot>
<tr>
<td>...</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>page 1</td>
</tr>
<tr class="page-break">
<td>content</td>
</tr>
<tr>
<td>Page 2</td>
</tr>
<tr>
<td>content 2</td>
</tr>
</tbody>
</table>