New to Kendo UI for AngularStart 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]

In this article
Selector
Not finding the help you need?
Contact Support