New to Telerik UI for Blazor? Download Free 30-day trial

Grid - Persist State


Control the Grid state

1Chai18.00003910 boxes x 20 bagsFalse
2Chang19.00001724 - 12 oz bottlesFalse
3Aniseed Syrup10.00001312 - 550 ml bottlesFalse
4Chef Anton's Cajun Seasoning22.00005348 - 6 oz jarsFalse
5Chef Anton's Gumbo Mix21.3500036 boxesTrue
6Grandma's Boysenberry Spread25.000012012 - 8 oz jarsFalse
7Uncle Bob's Organic Dried Pears30.00001512 - 1 lb pkgs.False
8Northwoods Cranberry Sauce40.0000612 - 12 oz jarsFalse
9Mishi Kobe Niku97.00002918 - 500 g pkgs.True
10Ikura31.00003112 - 200 ml jarsFalse
11Queso Cabrales21.0000221 kg pkg.False
12Queso Manchego La Pastora38.00008610 - 500 g pkgs.False
13Konbu6.0000242 kg boxFalse
14Tofu23.25003540 - 100 g pkgs.False
15Genen Shouyu15.50003924 - 250 ml bottlesFalse
16Pavlova17.45002932 - 500 g boxesFalse
17Alice Mutton39.0000020 - 1 kg tinsTrue
18Carnarvon Tigers62.50004216 kg pkg.False
19Teatime Chocolate Biscuits9.20002510 boxes x 12 piecesFalse
20Sir Rodney's Marmalade81.00004030 gift boxesFalse
  • Persist-state.razor
  • ProductService.cs
  • LocalStorage.cs
  • Product.cs
Loading the demo source code...please wait.


You can save and load the grid layout so your users can continue where they left off - paging, grouping, selected items, edited item, column size and order, sorting and filtering - all grid aspects are available. You can also control them programmatically by setting the desired state to the grid in your own code.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.