DevExtreme Vue Gantt

DevExpressScheduling & Planning ToolsJavaScript

Interactive Vue component for detailed project scheduling and tracking.

  • Visualize tasks, dependencies, and resource assignments effectively.
  • Supports hierarchical tasks including milestones and summary tasks.
  • Includes a comprehensive API for task and resource management.
DevExpress logo

Prices from:

Loading...
Available in
DevExtreme CompleteLoading
DevExpress DXperienceLoading
DevExpress UniversalLoading
DevExpress VCL Subscription +Loading
Need help choosing? See How to Buy and Specification
DevExtreme Vue Gantt product image
DevExtreme Vue Gantt provides a robust component to visually manage project schedules, tasks, and dependencies. It supports hierarchical task organization, resource allocation, and milestone tracking. Developers can use it for detailed project planning and real-time task progress monitoring within Vue applications.

Task Management

Create, display, and edit tasks with start and end dates, progress tracking, and hierarchical structuring including subtasks and summary tasks.

Dependency Visualization

Define and visualize task dependencies with various link types such as Finish to Start, Start to Start, Finish to Finish, and Start to Finish.

Resource Allocation

Assign resources like people, equipment, or materials to tasks and visualize these assignments within the Gantt chart for effective workload management.

Data Binding Flexibility

Bind tasks, dependencies, resources, and resource assignments to data sources with customizable field mappings using expression properties.

Interactive Editing

Support for drag and drop editing of tasks to modify scheduling and progress with immediate visual feedback and automated dependency updates.

Hierarchical Task Display

Visualize task relationships through expandable and collapsible parent tasks and subtasks, enabling clear project structure navigation.

Customizable Timeline Scaling

Adjust the timeline scale from hours up to months, enhancing overview or detail views to suit project needs.

API for Task and Resource Manipulation

Comprehensive methods to programmatically assign resources to tasks, insert or delete tasks and dependencies, and control the Gantt display state.

Performance Optimization

Methods like beginUpdate and endUpdate allow batching updates to reduce unnecessary renders, improving UI responsiveness.

Product Compatibility

Review the details below to ensure this product is supported within your environment.

Component Type

  • JavaScript

JavaScript Platform

  • Vue.js