使用css打印页数和总页数

Question

我有一个填充了动态数据的表格，为了在打印时处理它，我对其应用了一些分页符，一切正常，但我需要在每页下方显示“第1页，共3页”等分页，而印刷。我尝试过使用 css，但我只能用它打印当前页码。还有其他方法可以实现吗？ 这是我的代码

   body {
        counter-reset: page;
    }
    .page-count:after {
        counter-increment: page;
        content: "Page " counter(page) " of " counter(pages);
    }

Answer 1

你尝试过这个吗：

@page {
   @bottom-right {
    content: counter(page) " of " counter(pages);
   }
}

Answer 2

请参阅使用 pagedjs 在浏览器（chrome，也许其他）中呈现客户端的示例，网址为

https://stackoverflow.com/a/78721972/99248 .