A newer version of this page is available. Switch to the current version.


  • 2 minutes to read

The Gantt control (ASPxGantt) visualizes the task flow.

DevExpress ASP.NET MVC Gantt extension

Run Demo: ASPxGantt Demos


  • Data-Bound Mode

    You should bind the ASPxGantt control to a data source (TasksDataSourceID) to display task data. The control supports standard data source types including SqlDataSource, ObjectDataSource, XmlDataSource, AccessDataSource, and SiteMapDataSource.

    More details | See demo

  • Edit Tasks

    The Gantt supports the following edit operations (GanttEditingSettings):

    • Resize and modify tasks.

    • Modify resources.

    • Add and remove dependencies between tasks and assignments.

    • Edit cell values within the Task List. The control saves changes on the server and updates the Gantt chart when cell values change.

    The Gantt stores changes made by end users. It allows you to roll back the last change when necessary.

    More details | See demo

  • Column Types

    You can add columns to the Task List to display different data types.

    More details | See demo

  • Scale Tasks

    The Gantt control allows you to switch between display styles (ViewType) (Ten Minutes, Thirty Minutes, Hours, Days, Weeks, and Months) to change date intervals on a timescale. Hold the CTRL key and rotate your mouse’s scroll wheel to zoom.

    See demo

  • Custom Work Time

    You can specify work times, workdays, and holidays (WorkTimeRules).

    More details | See demo

  • Custom Tooltip Content

    You can display custom content within task tooltips.

    More details | See demo

  • Context Menu

    The control allows you to create a custom context menu and customize items of the built-in context menu.

    More details | See demo

  • Validation

    You can recalculate the duration and progress of parent tasks (EnableDependencyValidation) and validate relationships between all tasks (AutoUpdateParentTasks) when a task is modified.

    More details | See demo

  • Strip Lines

    Use strip lines to highlight specific times (or time intervals) in the Gantt chart.

    More details | See demo

  • Toolbar

    The toolbar (Visible) can display frequently used commands.

    More details | See demo

Getting Started

Getting Started

Visual Elements

Gantt Elements