Radzen Blazor Components
percent

Save $100 with our Black Friday deals!

Upgrade your development experience with Radzen Blazor Studio today!

Get $100 OFF with promo code BLACKFRIDAY2024 at checkout until November 30.

See Pricing ↗

DataGrid

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

ID
 
Photo
 
First Name
 
filter_alt
Last Name
 
filter_alt
Job Title
 
filter_alt
Title
 
filter_alt
Birth Date
 
filter_alt
Hire Date
 
filter_alt
Address
 
filter_alt
City
 
filter_alt
Region
 
filter_alt
Postal Code
 
filter_alt
Country
 
filter_alt
Home Phone
 
filter_alt
Extension
 
filter_alt
Notes
 
filter_alt
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.
Down Arrow Focus next DataGrid item.
Up Arrow Focus previous DataGrid item.
Enter or Space Select the focused DataGrid item.
Shift + Enter or Space Select/deselect multiple DataGrid items.
Left Arrow when header row is focused Focus previous DataGrid header cell.
Right Arrow when header row is focused Focus next DataGrid header cell.
Enter on focused header cell Sort DataGrid by focused header cell column.
Alt + Down arrow 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.
Left Arrow on focused pager Focus previous DataGrid pager page.
Right Arrow on focused pager Focus next DataGrid pager page.
Enter or Space on focused pager Go to the focused DataGrid pager page.

Supercharge your Blazor development with Radzen Blazor Studio

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.

open_in_new Learn More
>Radzen Blazor Studio

Radzen Blazor Components, © 2018-2024 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙