Encountering difficulties displaying page numbers when printing multiple multipage reports
Here is the provided HTML Format :
<style type="text/css> body {
counter-reset: report 1 page 0;
}
td.footer:after {
counter-increment: page;
content: "Page " counter(page)" of Report " counter(report);
}
.rowLabel3 {
counter-reset: page 0;
counter-increment: report
}
</style><table>
<thead style="display: table-header-group;">
<tr>
<th>Report Specific Header Contents which needs to come on every page we are displaying report</th>
</tr>
</thead>
<tbody style="display: table-row-group;">
<tr>
<td>Some Data</td>
</tr>
...
(more rows)
</tbody>
<tfoot style="display: table-footer-group;">
<tr>
<td class="footer">
</td>
</tr>
</tfoot>
</table>
<div class="rowLabel3" style="page-break-after:always;">*** END OF REPORT ***</div>
... (repeat for additional tables and data)
While implementing Tfoot to appear on each page, it fails to increment the section correctly.
The current approach involves counting the number of rows and adding an extra row after a certain threshold. However, this method is inconsistent across different reports.