New to Kendo UI for Angular? Start a free 30-day trial
PDFTemplateDirective
Represents the PDF page template of the Grid that helps to customize the PDF pages. To define a page template,
nest an <ng-template>
tag with the kendoGridPDFTemplate
directive inside <kendo-grid-pdf>
tag.
The template context provides the following fields:
pageNumber
—Defines PDF page number.totalPages
—Defines the total number of PDF pages.
html
<kendo-grid [data]="gridData">
...
<kendo-grid-pdf fileName="Products.pdf" paperSize="A4">
<ng-template kendoGridPDFTemplate let-pageNumber="pageNumber" let-totalPages="totalPages">
Page {{ pageNumber }} of {{ totalPages }}
</ng-template>
</kendo-grid-pdf>
</kendo-grid>
Selector
[kendoGridPDFTemplate]