We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies


The Gantt control is a Microsoft Project-like viewer and editor control that is used to schedule and manage projects. Its intuitive user interface, comprising table and chart views, lets you visually manage tasks, task relationships, and resources.

Column Chooser

Column chooser allows users to show/hide columns at run time. Column chooser in JSP Gantt Chart


Tasks can be sorted based on any field. It is also possible to perform multicolumn sorting by selecting the desired column headers while holding the Ctrl key. Sorting in JSP Gantt Chart

Task Relationship

We can specify relationships between different tasks and this information is then used to determine the order in which the tasks need to be performed. This task relationship in Gantt control can be categorized into the following four types:

  • Finish to start
  • Start to finish
  • Start to start
  • Finish to finish Task relationship in JSP Gantt Chart

Strip Lines

Strip lines can be used to highlight important days in a project. Strip lines in JSP Gantt Chart


Holidays denote the nonworking days. Holidays in JSP Gantt Chart


Baselines are used to compare the current progress of a task with the original planned progress. Baselines in JSP Gantt Chart


Resources are represented by staff, equipment, materials, etc. In the Gantt control, we can show/allocate the resources for each task. Resources in JSP Gantt Chart


Tasks can be edited through the grid or chart views as well as through the editor dialogs. The following editing options are available:

  • Cell Editing
  • Dialog Editing
  • Taskbar Editing
  • Predecessor Editing Cell editing in JSP Gantt Chart Dialog editing in JSP Gantt Chart Progressbar editing in JSP Gantt Chart Taskbar editing in JSP Gantt Chart Taskbar dragging in JSP Gantt Chart Predecessor editing in JSP Gantt Chart


Toolbar contains options for editing, searching, expanding, collapsing, indenting, outdenting, and deleting the selected tasks. It also contains options for adding new tasks. Toolbar in JSP Gantt Chart

Context Menu

Using context menu, you can indent, outdent, delete, or edit the selected task. It is also possible to add new tasks through the context menu. Context menu in JSP Gantt Chart


It is possible to completely localize the interface to a specific culture. Localization support in JSP Gantt Chart


The user interface of the Gantt chart is virtualized to obtain the best possible scrolling performance even when dealing with large amounts of data.

Schedule Modes

It is possible to display the Gantt with different timeline schedule modes. The following are the types of schedule modes:

  • Hour
  • Day
  • Week
  • Month
  • Year Hour schedule mode in JSP Gantt Chart Day schedule mode in JSP Gantt Chart Week schedule mode in JSP Gantt Chart Month schedule mode in JSP Gantt Chart Year schedule mode in JSP Gantt Chart

Time Options

Time options are used to define the task’s start date and end date with time details, displaying the task at its exact starting point and finishing point in a specific hour of a day. The following are the types of working hour timescales:

  • 8-hour timescale
  • 24-hour timescale Time options in JSP Gantt Chart

Timeline Validation

Schedule dates are calculated automatically while loading. They are updated while editing and adding new tasks. Also, you can change the schedule dates dynamically. Timeline validation in JSP Gantt Chart

Splitter Position

Chart and tree grid panes can be adjusted for width at run time. Splitter position in JSP Gantt Chart


Read independent,
authenticated reviews
on G2

Download Now Pricing

What do our customers say about us?

double quotes

We're using the file formats and Windows/JavaScript list controls a lot. They're fast, easy to use, and the documentation is good and contains examples. Tickets with questions or suggestions were answered within a day, so we're happy to use the Syncfusion libraries.
Daniel Persidok

Daniel Persidok

wpd onshore GmbH & Co. KG

double quotes

Using Syncfusion Angular and JavaScript controls makes front-end web development a piece of cake. Each component has many properties that can be configured as per your desire, methods that can be used to interact with the element, and a lot of events that trigger at different stages, which makes modifying your components according to the state of the application an easy task. Also, their support is amazing! They always offer a sample working project, which makes it very simple to solve your question about your code.
Carlos Rodriguez Garcia

Carlos Rodriguez Garcia


Transform your applications today by downloading our free evaluation version Download Free Trial


Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile