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

FilterCellTemplateDirective

Represents the filter-cell template. Helps to customize the content of the filter cell. To define the filter cell template, nest an <ng-template> tag with the kendoGridFilterCellTemplate 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.
<kendo-grid-column field="CategoryID" title="Category">
    <ng-template kendoGridFilterCellTemplate
        let-column="column"
        let-filter="filter"
        >
        ...
   </ng-template>
   ...
</kendo-grid-column>

Selector

[kendoGridFilterCellTemplate]

In this article

Not finding the help you need?