New to Kendo UI for Angular? Start a free 30-day trial
EditTemplateDirective
Updated on Jun 18, 2025
Represents the column template for edited cells in the Gantt.
Use this directive to customize the content of edited cells. To define the cell template, nest an <ng-template>
tag with the kendoGanttEditTemplate directive inside a <kendo-gantt-column> tag.
The template context provides the following fields:
column—The current column instance.dataItem—The current data item.cellContext—An object for passing context information to built-in directives.formGroup—The currentFormGroup. If you use the Gantt inside Template-Driven Forms, it isundefined.isNew—The state of the current item.rowIndex—The current row index. If inside a new item row,rowIndexis-1.
html
<kendo-gantt-column>
<ng-template kendoGanttEditTemplate let-dataItem="dataItem" let-formGroup="formGroup">
<input [formControl]="formGroup.get('field')" />
</ng-template>
</kendo-gantt-column>
Selector
[kendoGanttEditTemplate]