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

Grid - Inline Editing

Configurator
1 Chai $18.00 False 39 10 boxes x 20 bags
2 Chang $19.00 False 17 24 - 12 oz bottles
3 Aniseed Syrup $10.00 False 13 12 - 550 ml bottles
4 Chef Anton's Cajun Seasoning $22.00 False 53 48 - 6 oz jars
5 Chef Anton's Gumbo Mix $21.35 True 0 36 boxes
6 Grandma's Boysenberry Spread $25.00 False 120 12 - 8 oz jars
7 Uncle Bob's Organic Dried Pears $30.00 False 15 12 - 1 lb pkgs.
8 Northwoods Cranberry Sauce $40.00 False 6 12 - 12 oz jars
9 Mishi Kobe Niku $97.00 True 29 18 - 500 g pkgs.
10 Ikura $31.00 False 31 12 - 200 ml jars
11 Queso Cabrales $21.00 False 22 1 kg pkg.
12 Queso Manchego La Pastora $38.00 False 86 10 - 500 g pkgs.
13 Konbu $6.00 False 24 2 kg box
14 Tofu $23.25 False 35 40 - 100 g pkgs.
15 Genen Shouyu $15.50 False 39 24 - 250 ml bottles
  • Editing-inline.razor
  • ProductService.cs
  • ProductDto.cs
Loading the demo source code...please wait.

Description

The Telerik Grid for Blazor provides editing functionalities. You can choose between three different modes:
  • Inline
  • InCell
  • Popup
All modes support validation. This demo showcases the capabilities of the Inline editing mode as well as customizing command column buttons. When you click on an Edit command button on a Grid row all its editable columns open up for changes. Then you can click Save or Cancel command button to submit the changes to the data access layer or to cancel the edit operation.

Support & Learning Resources

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