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


Rows in Gantt Chart represents each task or data object information from the data source. It supports expanding/collapsing child rows, reordering of rows, indent/outdent rows to change its hierarchy levels and much more features.

Expand and collapse parent rows

Users can expand and collapse parent rows at any time to view information when needed. All the rows or only specific rows can be collapsed programmatically at initial rendering.

Row expand or collapse in Vue Gantt Chart.

Row drag and drop in Vue Gantt Chart.

Row reordering

Rows can be reordered by drag and drop action to change its position and hierarchy levels. A child row from a parent row can be reordered as sibling to the same parent row or as child to any other parent row.

Indent and outdent

Indent and outdent operations can be performed on rows to change its hierarchy levels. On indenting a row, it moves as the last child of its previous row. On outdenting a row, it moves as sibling to its parent row.

Indent and outdent row in Vue Gantt Chart.


Scroll up 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
Live Chat Icon