使用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);
   }
}