重复 Header/ 模板 Kendo 从第 2 页开始导出 PDF Angular

Question

我在 angular 和 typescript 方面仍然是新手，基本上，基于组件文档，我尝试了这个 url https://www.telerik.com/kendo-angular-ui/components/grid/export/pdf-export/ 中的示例。基于以下行文档中示例的源代码：

<div class="page-template"> <div class="header"> 
<div style="float: right">Page {{ pageNum }} of {{ totalPages }} . 
</div> 
Multi-page grid with automatic page breaking
</div>

我注意到第 Multi-page grid with automatic page breaking 行将在每个页面上重复，如下图所示

问题是，如何隐藏第 1 页上的 Multi-page grid with automatic page breaking 一词，或者我能否在第 2 页开始该行？如果我问陈词滥调的问题，我真的很抱歉。我在这个平台上还是新手。提前致谢。

Answer 1

您可以在页码为1时隐藏该元素，以避免在第一页显示该元素：

https://stackblitz.com/edit/angular-wxeqex-kuox4f?file=app/app.component.ts

<ng-template kendoGridPDFTemplate let-pageNum="pageNum" let-totalPages="totalPages">
    <div class="page-template" [ngStyle]="{ display: pageNum > 1 ? 'block' : 'none' }">

重复 Header/ 模板 Kendo 从第 2 页开始导出 PDF Angular

Repeat Header/ template Kendo Export PDF start on page 2 Angular

export-to-pdf

typescript

kendo-ui-angular2

angular