New to Kendo UI for Angular? Start a free 30-day trial
FilterCellTemplateDirective
Updated on Oct 31, 2025
Represents the filter-cell template directive.
Use this directive 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- ColumnComponentoption. 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.
html
<kendo-grid-column field="CategoryID" title="Category">
    <ng-template kendoGridFilterCellTemplate
        let-column="column"
        let-filter="filter"
        >
        ...
   </ng-template>
   ...
</kendo-grid-column>Selector
[kendoGridFilterCellTemplate]