Blazor DataGrid

Display tabular data with ease. Perform paging, sorting and filtering through Entity Framework without extra code.

Photo

First Name

Last Name

Job Title

Title

Birth Date

Hire Date

Address

City

Region

Postal Code

Country

Home Phone

Extension

Notes

No records to display.

Keyboard Navigation link

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

Press this key	To do this
Tab	Navigate to a DataGrid.
DownArrow	Focus next DataGrid item.
UpArrow	Focus previous DataGrid item.
Enter or Space	Select the focused DataGrid item.
Shift + Enter or Space	Select/deselect multiple DataGrid items.
LeftArrow when header row is focused	Focus previous DataGrid header cell.
RightArrow when header row is focused	Focus next DataGrid header cell.
LeftArrow when data row is focused	Collapse item.
RightArrow when data row is focused	Expand items.
Enter on focused header cell	Sort DataGrid by focused header cell column.
Alt + DownArrow on focused header cell	Open DataGrid column filter popup.
Tab in an opened DataGrid column filter popup	Navigate forward across available filter options.
Shift + Tab in an opened DataGrid column filter popup	Navigate backward across available filter options.
Esc in an opened DataGrid column filter popup	Close the DataGrid column filter popup.
Tab	Navigate to a DataGrid pager.
LeftArrow on focused pager	Focus previous DataGrid pager page.
RightArrow on focused pager	Focus next DataGrid pager page.
Enter or Space on focused pager	Go to the focused DataGrid pager page.

All the tools in one place

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