New to Kendo UI for Angular? Start a free 30-day trial
PDFTemplateDirective
The directive allows customizing the PDF page template for the Grid.
Place an <ng-template>
with the kendoGridPDFTemplate
directive inside the <kendo-grid-pdf>
tag.
The template context provides:
pageNumber
—The current PDF page number.totalPages
—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]