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
 
Last Name
 
Job Title
 
Title
 
OrderID
 
ProductID
 
UnitPrice
 
Quantity
 
Discount
 
CustomerID
 
OrderDate
 
No records to display.
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-2026 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 🗙