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

Filters Configuration

You can manually configure the Filter component editor types either:

  • Instantiate the editor types by providing them via the filters input property.
  • Instantiate the editor types by initializing them as FilterField components and use their corresponding properties.

Filters Input Property

The Filter component allows you to provide user-defined filters of type FilterExpression via its filters input property. At least one user-defined filter should be provided to the Filter component.

The user-defined filter operators will be available in the order they are provided. If no operators are provided, default operators are used for each filter data type.

Example
View Source
Change Theme:

Component Declaration

To configure the editor types, place a <kendo-filter-field> tag within the <kendo-filter> tag, and set its field and editor input properties.

The FilterFieldComponent also allows to further specify the editors configuration by setting the title and operators properties for each filter field declaration.

Example
View Source
Change Theme: