jsreport中的页码

Question

是否可以在jsreport中显示页码？我无法在该工具的主页上或通过谷歌搜索找到它。

非常感谢！

Answer 1

我假设您在 phantom-pdf 食谱创建的 pdf 报告中要求页码...

为此，您可以在 template.phantom.header 中使用特殊标签 {#pageNum} 和 {#numPages}：

<div style='text-align:center'>{#pageNum}/{#numPages}</div>

请注意，您还可以在 header/footer 中使用 javascript 来自定义页码的可见性或值。

<span id='pageNumber'>{#pageNum}</span>
<script>
    var elem = document.getElementById('pageNumber');
    if (parseInt(elem.innerHTML) <= 3) {
        //hide page numbers for first 3 pages
        elem.style.display = 'none';
    }
</script>

Documentation here

2022 年更新：
jsreport 现在主要使用 chrome for generating pdf. You can now add page numbers using native headers or in complex cases using pdf utils

可以找到基于 header 游乐场示例的 pdf 实用程序 here。

jsreport中的页码

Page number in jsreport

jsreport