DevExtreme v23.1 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Your search did not match any results.
Tree List

Column Header Filter

A header filter allows users to select values from a predefined set and filter rows by these values. The values are listed in a pop-up menu. To open this menu, users can click header filter icons in column headers.

Display Header Filter Icons

Enable the headerFilter.visible property to display header filter icons for all columns. If you want to hide the icon for a specific column, disable the column's allowHeaderFiltering property.

Enable Search Within Header Filters

Users can search values within header filters. To display the search bar, assign true to the search.enabled property in the global headerFilter object or in a column's headerFilter object. You can also specify a comparison operation used to search header filter values. Use the search.mode property.

Change Available Filter Values

Filter values are generated automatically based on column values. You can group them by a custom groupInterval or specify an entirely different dataSource for an individual header filter. Refer to the property descriptions for more information.

Thank you for your interest in our ASP.NET Core product libraries and UI component suite. We are moving ASP.NET Core-related demos and content to Please make sure to update your bookmarks with our new URL.

View Demo