DataGrid
Display tabular data with ease. Perform paging, sorting and filtering through Entity Framework without extra code.
In this demo the Employee grid binds to IQueryable with the ID, Photo, and First Name columns frozen on the left for easy reference while scrolling horizontally through the many data columns.
ID | Photo | First Name | Last Name | Job Title | Title | Birth Date | Hire Date | Address | City | Region | Postal Code | Country | Home Phone | Extension | Notes |
|---|
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. |
| 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. |
Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under
MIT