New to Kendo UI for Angular? Start a free 30-day trial

Data Binding Basics

The main function of the Kendo UI for Angular Gantt is to display a tree of data records which represent certain tasks in a tabular form in a TreeList pane, and to show the task details, progress, and dependencies in the timeline pane.

The Gantt does not require you to structure the data in a specific way. Instead, the component accepts the following inputs:

  • data—An array or an observable of root nodes.
  • hasChildren—A function for determining if the node is expandable.
  • fetchChildren-A function for retrieving the child nodes of a particular node. Returns an array or an observable.

The following example demonstrates how to use local hierarchical data.

View Source
Change Theme:

In this article

Not finding the help you need?