EditTemplateDirective

Lets you customize the content of edited cells by providing a column edit-cell template for the Grid (see example). Place an <ng-template> tag with the kendoGridEditTemplate directive inside a <kendo-grid-column> tag to define the template.

The template context includes:

• formGroup—The current FormGroup. This is the default context for template variables using let-x, such as let-formGroup. If you use the Grid in Template-Driven Forms, this is undefined.
• rowIndex—The current data row index. For a new item row, rowIndex is -1. Use let-rowIndex="rowIndex" to access it.
• dataItem—The current data item. Use let-dataItem="dataItem" to access it.
• column—The current column instance. Use let-column="column" to access it.
• isNew—The state of the current item. Use let-isNew="isNew" to access it.

html

<kendo-grid-column>
  <ng-template kendoGridEditTemplate let-formGroup="formGroup" let-dataItem="dataItem">
    <kendo-textbox [formControl]="formGroup.get('field')"></kendo-textbox>
  </ng-template>
</kendo-grid-column>

Selector

[kendoGridEditTemplate]