Blazor DataGrid
The Radzen Blazor DataGrid displays tabular data with sorting, filtering, paging, grouping, and editing built in. Bind it to IQueryable and Entity Framework, an OData service, a DataTable, or dynamic data, and it pages, sorts, and filters on the server.
ID | Photo | First Name | Last Name | Job Title | Title | Birth Date | Hire Date | Address | City | Region | Postal Code | Country | Home Phone | Extension | Notes |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 1 |  | Nancy | Davolio | Sales Representative | Ms. | 12/08/1968 | 05/01/2012 | 507 - 20th Ave. E. Apt. 2A | Seattle | WA | 98122 | USA | (206) 555-9857 | 5467 | Education includes a BA in psychology from Colorado State University in 1970. She also completed "The Art of the Cold Call." Nancy is a member of Toastmasters International. |
| 2 |  | Andrew | Fuller | Vice President, Sales | Dr. | 02/19/1972 | 08/14/2012 | 908 W. Capital Way | Tacoma | WA | 98401 | USA | (206) 555-9482 | 3457 | Andrew received his BTS commercial in 1974 and a Ph.D. in international marketing from the University of Dallas in 1981. He is fluent in French and Italian and reads German. He joined the company as a sales representative, was promoted to sales manager in January 1992 and to vice president of sales in March 1993. Andrew is a member of the Sales Management Roundtable, the Seattle Chamber of Commerce, and the Pacific Rim Importers Association. |
| 3 |  | Janet | Leverling | Sales Representative | Ms. | 08/30/1983 | 04/01/2012 | 722 Moss Bay Blvd. | Kirkland | WA | 98033 | USA | (206) 555-3412 | 3355 | Janet has a BS degree in chemistry from Boston College (1984). She has also completed a certificate program in food retailing management. Janet was hired as a sales associate in 1991 and promoted to sales representative in February 1992. |
| 4 |  | Margaret | Peacock | Sales Representative | Mrs. | 09/19/1957 | 05/03/2013 | 4110 Old Redmond Rd. | Redmond | WA | 98052 | USA | (206) 555-8122 | 5176 | Margaret holds a BA in English literature from Concordia College (1958) and an MA from the American Institute of Culinary Arts (1966). She was assigned to the London office temporarily from July through November 1992. |
| 5 |  | Steven | Buchanan | Sales Manager | Mr. | 03/04/1975 | 10/17/2013 | 14 Garrett Hill | London | SW1 8JR | UK | (71) 555-4848 | 3453 | Steven Buchanan graduated from St. Andrews University, Scotland, with a BSC degree in 1976. Upon joining the company as a sales representative in 1992, he spent 6 months in an orientation program at the Seattle office and then returned to his permanent post in London. He was promoted to sales manager in March 1993. Mr. Buchanan has completed the courses "Successful Telemarketing" and "International Sales Management." He is fluent in French. |
DataGrid features
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. |
Frequently asked questions
How do I bind data to the Blazor DataGrid?
Set the Data property to an IQueryable or IEnumerable and define columns; for remote data use the LoadData event or bind to an OData service. With IQueryable and Entity Framework, paging, sorting, and filtering run as part of the query.
Does the DataGrid page, sort, and filter on the server?
Yes. Bound to an IQueryable (such as Entity Framework) or via LoadData, it translates paging, sorting, and filtering into the query so only the current page is fetched.
Can the DataGrid handle large datasets?
Yes. Turn on virtualization or use server-side paging so only the visible rows are rendered and fetched, which keeps it fast on very large sets.
Can I export the DataGrid to Excel?
Yes. The grid exports to Excel and CSV.
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT