javascript - 自定义页面计数器在打印预览 (Chrome) 中不起作用

Question

我正在处理 AngularJS 项目，我需要打印一个包含未知行的表（通常超过 200 行，所有行都使用 ng-repeat 自动生成）。但是，我需要计算总页码并将其显示在右上角的表格标题中，格式如下：“Page X of Y”。

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

我拥有的当前 HTML 与此类似：

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

编辑1：

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