打印PDF时HTML表格重复页脚页码无法递增的技术求助

我有一个允许内容溢出的表格，打印为PDF时，内容溢出后表头（thead）和表脚（tfoot）会自动重复，表格主体（tbody）会按需拆分为多页。但现在遇到的问题是，表格分页重复表脚时，里面的页码无法实现递增。多方查找解决方案未果，恳请提供帮助。

示例HTML代码：

<table>
   <thead>
       <tr>
           <th>
           </th>
       </tr>
   </thead>
   <tbody>
       {{#table_content}}
           <tr> 
               <td></td>
               <td></td>
               <td></td>
               ...
               <td></td>
           </tr>
       {{/table_content}}
   </tbody>
   <tfoot>
       <tr>
           <td id="page-number"> HERE I NEED THE PAGE NUMBER </td>            
       </tr>
   </tfoot>
</table>

我已尝试以下CSS代码，但没有效果：

@media print {
        #page-number::after {
            counter-increment: page;
            content: counter(page);
        }
    }

内容的提问来源于stack exchange，提问作者Atillio Fetter