New to Kendo UI for AngularStart a free 30-day trial

CellTemplateDirective

Customizes the content of Gantt column cells. Place an <ng-template> tag with the kendoGanttCellTemplate directive inside a <kendo-gantt-column> tag to define the cell template.

The template context provides these fields:

  • dataItem—The current data item. Represents the default context that will be assigned to any template variable using the let-x syntax, for example, let-dataItem.
  • columnIndex—The current column index. Use it as a template variable with the let-columnIndex="columnIndex" syntax.
  • column—The current column instance. Use it as a template variable with the let-column="column" syntax.
  • cellContext—An object for passing context information to built-in directives.
  • hasChildren—Indicates if the item has children.
  • isExpanded—Indicates if the item is expanded.
  • level—The hierarchy level of the item.
  • loading—Indicates if the item children are loading.
  • rowIndex—The current row index. Use it as a template variable with the let-rowIndex="rowIndex" syntax.
html
<kendo-gantt-column field="title">
  <ng-template kendoGanttCellTemplate let-dataItem>
    <strong>{{ dataItem.title }}</strong>
  </ng-template>
</kendo-gantt-column>

Selector

[kendoGanttCellTemplate]

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