Radzen Blazor Components

DataGrid save settings

This example shows how to save/load DataGrid state using Settings property.

The state includes current page index, page size, groups and columns filter, sort, order, width and visibility.

Drag a column header here and drop it to group by that column
6 columns showing
Employee
 
Title
 
filter_alt
Employee ID
 
filter_alt
Hire Date
 
filter_alt
City
 
filter_alt
Country
 
filter_alt
Nancy Davolio Nancy DavolioSales Representative105/01/2012SeattleUSA
Andrew Fuller Andrew FullerVice President, Sales208/14/2012TacomaUSA
Janet Leverling Janet LeverlingSales Representative304/01/2012KirklandUSA
Margaret Peacock Margaret PeacockSales Representative405/03/2013RedmondUSA
123

Console log

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 🗙