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.
<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

Not finding the help you need?