DataFilter

Filter Entity Framework IQueryable without extra code.

In this demo filter Orders by OrderID (multi-select dropdown), ProductIds (nested collection), Products (through OrderDetails), Employee Last Name, Order Date (custom DatePicker template), and Freight, with toggle between auto-filter and manual Apply Filter button, pre-filtered to employees containing "Buchanan".

Example
Edit Source

Auto filter

- addAdd filter
- playlist_addAdd filter group

Order ID	Products	Customer	Employee	Order Date	Freight	Ship Name
No records to display.
Displayed orders: 0 of 0				Last order date:	Total amount: $0.00

Keyboard Navigation link

The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor DataFilter component.

Press this key	To do this
Tab	Navigate forward across available filter components.
Shift + Tab	Navigate backward across available filter components.

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

CRUD Operations and Data Management

Seamless Integration

Digital Transformation and Modernization

Design Systems and Consistency

From Prototyping to Production

Time to Market Reduced

Empower the Next Generation

DataFilter

Keyboard Navigation link

Save Hours on Every Project

On this page

Demos Configuration