New to Kendo UI for AngularStart 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 current FormGroup. If you use the Gantt inside Template-Driven Forms, it is undefined.
  • isNew—The state of the current item.
  • rowIndex—The current row index. If inside a new item row, rowIndex is -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]

In this article
Selector
Not finding the help you need?
Contact Support