Ext Gantt Features

Here is a list of most of the features support in Ext Gantt. If you’re looking for a feature that is not listed below, it may still be supported. Please send us a message and we’ll answer you promptly.


    • Built entirely on web standards: JavaScript, HTML and CSS
    • Supported browsers v2.x: Chrome, Firefox, Safari, Opera and IE7+ (in Strict mode).
    • Supported browsers v3.x: Chrome, Firefox, Safari, Opera and IE8+ (in Strict mode)
    • Supported browsers v4.x: Chrome, Firefox, Safari, Opera and IE8+ (in Strict mode)
    • Supported browsers v5.x: Chrome, Firefox, Safari, Opera and IE8+ (in Strict mode)
    • Supported browsers v6.x: Chrome, Firefox, Safari, Opera and IE11+
    • Pro: Export to PDF/PNG, import from MS Project
    • Easy to localize to support any language.
    • Unit tested with Siesta

Gantt Features

    • Add any custom columns. Inline editing supported for all data fields.
    • Data can be sorted using any field or criteria.
    • Dependencies between tasks (FF/FS/SF/SS)
    • Task Constraints – ASAP, SNET etc. (v3.0+)
    • Critical Path calculation
    • Copy & paste of cells and rows
    • Undo & redo
    • Lead and Lag
    • Pro: High level Gantt timeline widget (Example)
    • Zooming from milliseconds to year, customizable zoom levels.
    • Built in customizable context menu.
    • Read-only mode available.
    • Navigate task table easily using the keyboard
    • Drag and drop reordering in the task tree. Drag and drop of scheduled tasks along the time axis.
    • Filter tasks on any condition (Example)
    • Support for customizable task labels (top, bottom, left right)
    • Resource Histogram
    • Customizable Tooltips using any HTML markup (Example)
    • Configurable time scale with up to 3 header rows, from ms to years.
    • Tasks can have different scheduling modes.
    • Rollup tasks easily to highlight important tasks in the immediate parent
    • Split Tasks (v3.0+)
    • Backwards scheduling (v6.0+)
    • Group task by any field (v6.0+)
    • Pro: Resource Utilization table showing a breakdown of resource assignments
    • Pro: SharePoint integration demo / guide
    • Progress lines

Gantt Columns

    • Task Name
    • Task Start, End, Duration
    • Predecessors, Successors (incl. lead/lag)
    • Early, Late Start and End Dates
    • Baseline dates
    • Deadline date
    • Effort
    • Cost
    • Actual cost
    • Cost variance
    • Milestone
    • Resources Assigned to the Task
    • Note
    • Scheduling Mode
    • Slack
    • WBS
    • Sequence number
    • Percent Complete
    • Rollup
    • Show In Timeline
    • Manually Scheduled
    • Read only
    • Constraint Date
    • Constraint Type

Technical details

    • Platform: Ext JS (our v2.x branch runs on Ext JS 4, v3.x runs on Ext JS 5, v4.x runs on Ext JS 6)
    • Built with Ext JS, but can used together with any other 3rd party JS libraries (such as Bootstrap, jQuery or Angular).
    • “Buffered rendering” can be used for large datasets
    • Easy to add custom data fields to any of the Model classes (Task, Dependency, Assignment, Resource etc)
    • Two build versions available, a readable development build with source code comments and a minified build for production use. You can also build your own custom version to minimize the footprint.
    • Comes with a flexible API where you can override pretty much any part of the codebase.

Server/Database Integration

    • Integrates with any server technology (PHP, Java, ASP.NET etc)
    • Load and save data in JSON or XML. Custom data formats can also be supported.
    • Either use the standard Proxy classes in Ext JS or use our custom CrudManager class (v3.0+).
    • Fully working implementations with PHP, Java or ASP.NET.

Visual Appearance

    • All elements can be styled easily using just plain CSS
    • Row height is customizable, and can be changed dynamically.
    • The HTML produced by the Gantt chart is powered by pluggable Ext JS XTemplate classes. Each timeline element (task, parent task, milestone) can be rendered with your own custom template
    • Tasks can be easily styled individually, either by putting CSS classes on the Model data, or by using the eventRenderer method.
    • Dependency lines and arrows can by styled individually. Example


      • Calendars can be assigned to the Project, and its Tasks and Resources (Example).
      • Weekends and non-working time can be easily visualized