Last Updated: 23 Jun 2020 14:38 by ADMIN
Release 2.15.0
Created on: 06 May 2019 10:20
Category: Grid
Type: Feature Request
Custom filter components (filter template)

In addition to more filtering options we would like to have the ability to use custom filter components instead of the built-in ones. For example, through a cell template for the filter row.

Please comment below with how you would like to see this integrate into the data source operations of the grid (for example, should it fire an event where you filter the data you pass to the grid, or should the grid expose some method/interface that you need to use).

Marin Bratanov
Posted on: 20 Apr 2020 09:14

I'm hoping that it will be available around the R3 2020 timeframe.

In the meantime, you can consider using the header template to put custom components and use the grid state to invoke filtering from them.

Another approach is using a row that is independent from the grid (either outside of it, or in its toolbar) where you can put the desired filters and implement the filtering logic (or, again, use the grid state), like shown here.

For enums, there's a separate issue you can cast your Vote for, and Follow its status:

For a boolean field - once custom editors are available, you will be able to put your own dropdownlist with the desired texts.


Marin Bratanov
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Posted on: 06 Apr 2020 15:24

This feature is really important. When it can be publish?

in the Grid filter, It will display the members of Enum as dropdown list and by selecting any item (enum member) in the dd list the filtered rows will display in the Grid (same as boolean fields but the 'is true' & 'is false' should be replace with enum members).

The boolean field also should have custom filter, for example instead of 'is true' & 'is false', I can set 'Yes' of 'No' or 'Valid' & invalid.

This feature is required urgently.

Posted on: 17 May 2019 13:14


1.  An event similar to the Angular Grid where we can modify the state of the filter, ignore it or apply it:

public dataStateChange(state: DataStateChangeEvent): void { this.state = state;

// Call our web service or DataContext to filter from Server or local source etc... this.gridData = GetFilteredData(sampleProducts, this.state); }

2. Able to set the filter in code similar to Angular Grid:

public state: State = { skip: 0, take: 5, // Initial filter descriptor filter: { logic: 'and', filters: [{ field: 'ProductName', operator: 'contains', value: 'Chef' }] } };

3. Built-In Filter Templates similar to Angular Grid


4.  Reusable Custom Filter Components similar to Angular Grid