GroupFooterTemplateDirective

Represents the column group footer cell template of the Grid which helps to customize the group footer cell for the column. To define the group footer template, nest an <ng-template> tag with the kendoGridGroupFooterTemplate directive inside <kendo-grid-column>.

The template context is set to the current data item and the following additional fields are passed:

• column—Defines an instance of the ColumnComponent option.
• field—The current column field name.
• group—The current group data item.
• aggregates—All aggregate values for the current group.

Copy Code<kendo-grid [data]="gridData" [group]="groups">
   <kendo-grid-column field="ProductName">
      <ng-template kendoGridGroupFooterTemplate let-aggregates let-field="field">
         Count: {{aggregates[field].count}}
      </ng-template>
   </kendo-grid-column>
</kendo-grid>

Selector

[kendoGridGroupFooterTemplate]