Articles in this section
Category / Section

How render Gantt with all the rows collapsed

1 min read

In Gantt, to render all the rows in collapsed state we need to enable the enableCollapseAll property.

The below code example explains about how to render all the Gantt rows with collapsed state:

<div id="GanttContainer" style="height:450px;width:100%"></div>  
<script type="text/javascript">
$(function () {
enableCollapseAll: true,


Rendered all Gantt rows in collapsed state.

A Sample to render all the Gantt rows in a collapsed state is available in the following link,



Did you find this information helpful?
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment