Angular Gantt Overview

The Kendo UI for Angular Gantt displays hierarchical tasks data in tabular and timeline formats and comes with a comprehensive set of ready-to-use features covering everything from data binding directives, sorting, filtering, tasks, dependencies, and intuitive display of task timelines, progression, and styling.

The Gantt is built from the ground up and specifically for Angular, so that you get a high-performance control which integrates tightly with your application and with the rest of the Kendo UI for Angular components.

The Gantt Package is part of Kendo UI for Angular, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Angular Gantt Example

View Source
Change Theme:

Angular Gantt Key Features

The Kendo UI for Angular Gantt component delivers a range of handy and developer-friendly features whose number and further development are not limited by the list in this section. The Kendo UI for Angular team constantly invests efforts to improve the performance and add more value to the existing Gantt library as well as develop new features to it.

Data Binding

The Gantt features automatic databinding directives for flat and hierarchical data that provide data operations like sorting and filtering out-of-the-box. Read more about the data binding functionality of the Gantts...


Depending on your users' requirements, you can opt for in-cell or dialog edit modes. Read more about the editing features of the Gantt...


The Gantt supports a number of sorting options including sorting and unsorting single and multiple columns as well as pre-sorting its data records. Read more about the sorting options of the Gantt...


The Gantt provides options for displaying only those data records which meet specified criteria and also for additionally customizing its filtering behavior. Read more about filtering the Gantt records...


The Gantt renders a task element for each of its expanded data item row, also automatically displays the relevant dependencies between the tasks, and provides task templates for showing additional information and custom content for each Gantt task. Read more about setting the task options of the Gantt...


The Gantt displays a default top toolbar with a view selector component which allows you to customize both its position and content. Read more about the top and bottom toolbar of the Gantt...


The Gantt supports extensive configuration settings for controlling the display and behavior of its columns such as for hiding and locking them, spanning their row content, applying reordering and real-time resizing, and also using templates for their customization. Read more about the configuring the columns in the Gantt...


The Gantt component comes with built-in support for day, week, and month timeline views, and an intuitive view selector component which can either be accessed from the default toolbar or configured and used as a standalone component in a custom toolbar template. Read more about the view types of the Gantt and their selection...


The Gantt is accessible for screen readers and supports WAI-ARIA attributes. Read more about the accessibility of the Gantt...

Keyboard Navigation

The Gantt supports a number of keyboard shortcuts which allow users to accomplish various commands. Read more about the keyboard navigation of the Gantt...

Trial Version of Kendo UI for Angular

The Kendo UI for Angular Gantt is part of the Kendo UI for Angular library. Kendo UI for Angular offers a 30-day trial with a full-featured version of the library—no restrictions! What’s more, you are eligible for full technical support during your trial period in case you have any questions. Sign up for a free 30-day trial of Kendo UI for Angular.

Support Options

For any questions about the use of the Kendo UI for Angular Gantt, or any of our other components, there are several support options available:

  • Kendo UI license holders and anyone in an active trial can take advantage of the Kendo UI for Angular outstanding customer support delivered by the actual developers who built the library. To submit a support ticket, use the Kendo UI support system.
  • Kendo UI for Angular forums are part of the free support you can get from the community and from the Kendo UI team on all kinds of general issues.
  • Kendo UI for Angular feedback portal and Kendo UI for Angular roadmap provide information on the features in discussion and also the planned ones for release.
  • Kendo UI for Angular uses GitHub Issues as its bug tracker and you can submit any related reports there. Also, check out the closed list.
  • Of course, the Kendo UI for Angular team is active on StackOverflow as well and you can find a wealth of questions and answers there.
  • Need something unique that is tailor-made for your project? Progress offers its Progress Services group that can work with you to create any customized solution that you might need.

Support and Learning Resources

Additional Resources