自定义页面计数器在“打印预览”（Chrome）

Question

我正在开发AngularJS项目，我需要打印一个包含未知行的表（通常超过200，所有行都使用ng-repeat自动生成）。但是，我需要计算总页数，并按照以下格式在右上角的表格标题中显示它们：＆＃34; Y＆＃34;的第X页。

我读过许多与分页，CSS计数器（计数器重置，计数器增量等）相关的文章。它们都以某种方式工作，它们检测到在每个页面上重复的元素。在我的例子中，每一行都有相同的类，并且没有唯一的标识符可以帮助我计算页数并增加当前的页面计数器。

我当前的HTML与此类似：

<table>
<thead>
    <tr>
        <td> <-- Page X of Y --> </td>
    </tr>
</thead>
<tbody>
    <tr>
        <!-- N rows here -->
    </tr>
</tbody>

EDIT1：

预览需要使用已禁用的默认页眉和页脚进行自定义，即使它们已包含分页