DataGrid save settings

Persist user preferences like column order, widths, sort, and filters between sessions.

In this demo the grid uses bind-Settings to save all state (page index, size, groups, filters, sorts, column order/width/visibility) to browser localStorage, with buttons to clear saved settings or reload the page to demonstrate persistence across sessions.

• Example
• Edit Source

Clear saved settings Reload

Drag a column header here and drop it to group by that column

6 columns showing

All

• Employee
• Title
• Employee ID
• Hire Date
• City
• Country

Employee	Title   filter_alt	Employee ID   filter_alt	Hire Date   filter_alt	City   filter_alt	Country   filter_alt
Nancy Davolio	Sales Representative	1	05/01/2012	Seattle	USA
Andrew Fuller	Vice President, Sales	2	08/14/2012	Tacoma	USA
Janet Leverling	Sales Representative	3	04/01/2012	Kirkland	USA
Margaret Peacock	Sales Representative	4	05/03/2013	Redmond	USA

123

Console log

Clear console

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

Start Free See Subscription Plans

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