New to Kendo UI for Angular? Start a free 30-day trial

FilterMenuTemplateDirective

Represents the filter-menu template. Helps to customize the content of the filter menu. To define the filter menu template, nest an <ng-template> tag with the kendoGridFilterMenuTemplate directive inside a <kendo-grid-column> tag (see example).

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. Use it as an alias for a template variable by utilizing the let-column="column" syntax.
  • filter—The provided filter descriptors. Use it as an alias for a template variable by utilizing the let-filter="filter" syntax.
  • filterService—Represents the FilterService. Use it as an alias for a template variable by utilizing the let-filterService="filterService" syntax.
<kendo-grid-column field="CategoryID" title="Category">
    <ng-template kendoGridFilterMenuTemplate
        let-column="column"
        let-filter="filter"
        let-filterService="filterService"
        >
        ...
   </ng-template>
</kendo-grid-column>

Selector

[kendoGridFilterMenuTemplate]

In this article

Not finding the help you need?