javascript - カスタム ページ カウンターが印刷プレビュー (Chrome) で機能しない

Question

私は不明な行 (通常は 200 以上、すべての行は ng-repeat を使用して自動的に生成されます) を含むテーブルを印刷する必要がある AngularJS プロジェクトに取り組んでいます。ただし、総ページ数を数えて、右上隅のテーブル ヘッダーに「Page X of Y」という形式で表示する必要があります。

ページング、CSS カウンター (counter-reset、counter-increment など) に関連する多くの記事を読みました。それらはすべて、すべてのページで繰り返される要素を検出するという方法で機能します。私の場合、すべての行に同じクラスがあり、ページを数えて現在のページカウンターをインクリメントするのに役立つ一意の識別子はありません。

私が持っている現在の HTML は次のようなものです。

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

編集1:

プレビューは、ページングが既に含まれている場合でも、デフォルトのヘッダーとフッターを無効にしてカスタムにする必要があります