blazor-404326-components-grid-data-shaping-filter-data-filter-data.md
The Grid allows you to add filter UI capabilities to your application and filter grid data in code.
An Excel-inspired drop-down filter displays unique column values as a list (plain or hierarchical) that includes a search box and Select All functionality.
Read Tutorial: Column Filter Menu Run Demo: Grid - Column Filter Menu
The filter row displays in-place editors for all data columns. When a user enters a value in an editor, the Grid creates a filter condition based on that value and applies it to the corresponding column.
Read Tutorial: Filter Row Run Demo: Data Grid - Filter Row
The filter panel displays the current filter condition and allows users to deactivate/clear it. Users can click this filter condition to open the filter builder dialog. In the dialog, they can edit and combine filter criteria applied to Grid columns.
Read Tutorial: Filter Panel & Filter Builder Run Demo: Filter Panel Run Demo: Filter Builder Customization
When a user enters text in the search box, the Grid searches the display text of all visible columns. It filters the data to show only rows with matching values and highlights the matching text in the cells.
Read Tutorial: Search Box Run Demo: Grid - Search Box
DevExpress data-aware components allow you to integrate semantic search. For additional information, refer to the demo below.
Run Demo: Grid - AI Semantic Search
The Grid implements methods to filter grid data in code.