Radzen Blazor Components

DataGrid

This demo shows RadzenDataGrid can handle large amounts of data (~50,000 rows) without any performance issues.

In this demo a custom OrderAndDetail class combines data from Orders, OrderDetails, and Employees tables using LINQ joins, with IsLoading flag set during Sort/Page/Group/Filter events to display loading state for performance monitoring.

Drag a column header here and drop it to group by that column
ID
 
Photo
 
First Name
 
filter_alt
Last Name
 
filter_alt
Job Title
 
filter_alt
Title
 
filter_alt
OrderID
 
filter_alt
ProductID
 
filter_alt
UnitPrice
 
filter_alt
Quantity
 
filter_alt
Discount
 
filter_alt
CustomerID
 
filter_alt
OrderDate
 
filter_alt
1Nancy DavolioNancyDavolioSales RepresentativeMs.1024811¤14.00120.00 %VINET07/04/2023
2Andrew FullerAndrewFullerVice President, SalesDr.1024811¤14.00120.00 %VINET07/04/2023
3Janet LeverlingJanetLeverlingSales RepresentativeMs.1024811¤14.00120.00 %VINET07/04/2023
4Margaret PeacockMargaretPeacockSales RepresentativeMrs.1024811¤14.00120.00 %VINET07/04/2023
5Steven BuchananStevenBuchananSales ManagerMr.1024811¤14.00120.00 %VINET07/04/2023
Page 1 of 8964 (44820 items) 12345
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

Radzen Blazor Studio

Radzen Blazor Components, © 2018-2025 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 🗙