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

Grid - Custom Editor

VINET France Reims 59 rue de l'Abbaye 7/4/2019 12:00:00 AM
TOMSP Germany Münster Luisenstr. 48 7/5/2019 12:00:00 AM
HANAR Brazil Rio de Janeiro Rua do Paço, 67 7/8/2019 12:00:00 AM
VICTE France Lyon 2, rue du Commerce 7/8/2019 12:00:00 AM
SUPRD Belgium Charleroi Boulevard Tirou, 255 7/9/2019 12:00:00 AM
HANAR Brazil Rio de Janeiro Rua do Paço, 67 7/10/2019 12:00:00 AM
CHOPS Switzerland Bern Hauptstr. 31 7/11/2019 12:00:00 AM
RICSU Switzerland Genève Starenweg 5 7/12/2019 12:00:00 AM
WELLI Brazil Resende Rua do Mercado, 12 7/15/2019 12:00:00 AM
HILAA Venezuela San Cristóbal Carrera 22 con Ave. Carlos Soublette #8-35 7/16/2019 12:00:00 AM
ERNSH Austria Graz Kirchgasse 6 7/17/2019 12:00:00 AM
CENTC Mexico México D.F. Sierras de Granada 9993 7/18/2019 12:00:00 AM
OTTIK Germany Köln Mehrheimerstr. 369 7/19/2019 12:00:00 AM
QUEDE Brazil Rio de Janeiro Rua da Panificadora, 12 7/19/2019 12:00:00 AM
RATTC USA Albuquerque 2817 Milton Dr. 7/22/2019 12:00:00 AM
  • Custom-editor.razor
  • OrderService.cs
  • OrderDto.cs
Loading the demo source code...please wait.


The Telerik Grid for Blazor provides default editors for its editable columns. For fields of string type, the default is the TelerikTextBox, for numeric values the TelerikNumericTextBox, and for DateTime object - the DatePicker. Depending on the needs of your application you might want to customize those editors to better suit your business case. Through the EditorType parameter, you can override the default editor used. This is demonstrated in the Delivery Time column, where instead of TelerikDatePicker, a TelerikDateTime picker is used. The EditorTemplate allows you to take control of the rendering of the Grid when in Edit mode. This concept is showcased under the Ship Country column which allows you to edit the values through a TelerikDropDownList.

Support & Learning Resources

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