CSS 页计数器 - 一个部分占用的总页数

CSS page counters - total pages occupied for a section

我正在使用 CSS @page 页面计数器 来生成我生成的报告。

我可以使用

counter(page); /* shows current page  */
counter(pages); /* shows total pages  */

我在页脚显示页面信息


对于我文档中的嵌套部分,我正在创建自己的部分计数器并能够跟踪我的部分页数。

counter(mySectionCounter)

现在,有什么方法可以显示我的特定部分占用的总页数?

我只想在每个页面上显示特定部分 header。

My First Nested Section (page 1 of 2)
.
. First Section
.
My First Nested Section (page 2 of 2)
. 
. First Section
.
My Second Nested Section (page 1 of 4)
. 
. Second Section 
.
.

如何找到分区总页数?

在尝试了飞碟中的几乎所有方法后得出的结论是,我们需要Java脚本支持以在 PDF 上显示分页计数器和分页计数。

如果分段总页数是一种 MVP,我建议使用支持 Java脚本呈现的不同工具。

html2pdf

我找到了 html2pdf 工具(免费使用),它几乎可以完成飞碟支持的所有事情,并且还增加了对 JavaScript 的支持。 它是一个需要安装的命令行工具,然后可以从 Java 代码调用。

使用 JS 可以很容易地 link 页到 JS 函数,跟踪当前部分的总页数。

有关 html2pdf 的更多信息可在此处找到:https://html2pdf.com/