Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

Filter Data in Blazor Grid

  • 2 minutes to read

The Grid allows you to add filter UI capabilities to your application and to filter grid data in code.

#Filter Row UI

The filter row displays in-place editors for all data columns. When a user types into an editor, the Grid creates a filter condition based on the editor value and applies this condition to the corresponding column.

For more information, see the following topic: Filter Row in Blazor Grid.

Run Demo: Data Grid - Filter Row

Blazor Grid Filter Row

#Search Box UI

Once a user enters text into the search box, the Grid looks for matches in the display text of every visible column. The component filters data to show only the rows with matching values. Data cells highlight the search results.

For more information, see the following topic: Search Box in Blazor Grid.

Run Demo: Grid - Search Box

Search Box Overview

#Column Filter Menu

An Excel-inspired drop-down filter displays unique column values as a checklist, includes a search box, and the Select All option.

For more information, see the following topic: Column Filter Menu in Blazor Grid.

Run Demo: Grid - Column Filter Menu

Grid Filter Menu

#Filter API

The Grid implements methods to filter grid data in code. For more information, see the following topic: Filter API in Blazor Grid.

Run Demo: Grid - Filter API

DevExpress data aware components allow you to integrate semantic search. For more information, refer to the demo below.

Search with AI Assistant

Run Demo: Grid - AI Semantic Search