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

Grid - Persist State

Configurator

Control the Grid state

1 Chai 18.00 39 10 boxes x 20 bags False
2 Chang 19.00 17 24 - 12 oz bottles False
3 Aniseed Syrup 10.00 13 12 - 550 ml bottles False
4 Chef Anton's Cajun Seasoning 22.00 53 48 - 6 oz jars False
5 Chef Anton's Gumbo Mix 21.35 0 36 boxes True
6 Grandma's Boysenberry Spread 25.00 120 12 - 8 oz jars False
7 Uncle Bob's Organic Dried Pears 30.00 15 12 - 1 lb pkgs. False
8 Northwoods Cranberry Sauce 40.00 6 12 - 12 oz jars False
9 Mishi Kobe Niku 97.00 29 18 - 500 g pkgs. True
10 Ikura 31.00 31 12 - 200 ml jars False
11 Queso Cabrales 21.00 22 1 kg pkg. False
12 Queso Manchego La Pastora 38.00 86 10 - 500 g pkgs. False
13 Konbu 6.00 24 2 kg box False
14 Tofu 23.25 35 40 - 100 g pkgs. False
15 Genen Shouyu 15.50 39 24 - 250 ml bottles False
16 Pavlova 17.45 29 32 - 500 g boxes False
17 Alice Mutton 39.00 0 20 - 1 kg tins True
18 Carnarvon Tigers 62.50 42 16 kg pkg. False
19 Teatime Chocolate Biscuits 9.20 25 10 boxes x 12 pieces False
20 Sir Rodney's Marmalade 81.00 40 30 gift boxes False
  • Persist-state.razor
  • ProductService.cs
  • LocalStorage.cs
  • ProductDto.cs
Loading the demo source code...please wait.

Description

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.
Reload