New to Kendo UI for Angular? Start 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 thelet-x
syntax, for example,let-dataItem
.columnIndex
—The current column index. Use it as a template variable with thelet-columnIndex="columnIndex"
syntax.column
—The current column instance. Use it as a template variable with thelet-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 thelet-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]