Chrome
Edge
Safari
Firefox
Android
Samsung
OperaA JavaScript Gantt chart is a specialized component for project planning, scheduling and resource management inside a web application. It is not just a chart.
Read articleContent Security Policy, usually called CSP, is an important security mechanism for modern web applications. It helps control which scripts and resources.
Read articleA React data grid must do more than display rows. It must fit React's component model, state management patterns, rendering behavior and TypeScript usage.
Read articleAn Angular data grid must fit enterprise application architecture. Angular is widely used in structured, long-lived business applications where.
Read articleA Vue data grid should combine a smooth developer experience with enough performance and flexibility for real applications. Vue is often chosen for its.
Read articleModern data grids need to fit real frontend stacks. Here is how framework support works across React, Angular, Vue, Svelte and Vanilla JavaScript.
Read articleTreeGrid offers several JavaScript components for enterprise data applications. They share the same focus on complex browser-based data work, but they are.
Read articleTreeGrid and GanttChart are closely connected. GanttChart is built on the TreeGrid engine, which means it benefits from TreeGrid’s grid capabilities such.
Read articleA Gantt chart is not just a timeline. Dependencies, calendars, resources, critical path and drag-and-drop changes all need clear planning rules.
Read articleDependencies, critical path, resource tracking — natively in the browser. Replace desktop project tools with GanttChart.
Read articleGanttChart is a browser-based project planning and scheduling component built on TreeGrid's grid engine. It is aimed at development teams building project management applications, resource planners, or any web application that needs interactive timeline and scheduling functionality comparable to MS Project or Oracle Primavera.
GanttChart supports tasks with configurable start, end dates, and duration; split tasks composed of multiple parts scheduled as one logical unit; multiple independent tasks in a single row; milestones for key project events; and custom flag icons placed on specific dates with configurable tooltips.
GanttChart supports finish-to-start (FS), finish-to-finish (FF), start-to-start (SS), and start-to-finish (SF) dependency types, including multiple dependency types between two tasks. Dependency lags in all time units are supported. Circular and incorrect dependencies are automatically detected and highlighted. Dependencies can be created and modified by dragging between tasks.
Yes. Tasks can be scheduled automatically based on dependencies and work calendars. Critical path calculation and visualization is included. Manual scheduling via toolbar buttons or API calls is also supported, along with ASAP and ALAP scheduling modes and a full set of date constraints.
GanttChart supports work and material resource types, task cost calculation based on resource assignment and duration, resource availability and utilization charts (standalone or embedded in the Gantt view), and task filtering by resource.
Yes. In addition to the Gantt module, GanttChart includes a bar chart module designed for service and resource management, row-based task calendars, or any interactive row-based timeline. Multiple independent or dependent bars per row are supported, with automatic overlap detection and resolution. Bars can be created, resized, moved, and deleted by mouse dragging, and can be moved between rows or even between grids.
GanttChart supports project-level and task-level work calendars with configurable working hours, holidays, and exceptions. Calendar dates are visually highlighted in the chart using custom colors. RTL mode is available for Middle Eastern languages including Hijri dates and calendars.
Gantt headers are fully customizable with multiple time units and formats, and can appear at the top, bottom, or center of the grid. The chart supports zoom in/out with smooth zoom over a selected date range, custom zoom levels, color-coding by status or priority, progress indicators, baseline comparison, a "today" marker line, and background patterns for weekends and holidays.
GanttChart is built on the full TreeGrid engine, so all grid features are available: unlimited tree hierarchy, pivot tables with drag-and-drop configuration, Excel-style filtering and full-text search, multi-column sorting, aggregation functions, Excel-compatible formula engine with 200+ functions, conditional formatting, nested grids, master-detail layouts, and complete undo/redo support.
Data can be exported to XLSX (including the Gantt chart itself), CSV, PDF, and HTML with full formatting. Print-ready layouts with multi-page splitting and scaling are included. Import and export in XML and JSON formats are also supported for server-side integration.
GanttChart works with React, Vue, Angular, Svelte, Ember, Express, and Salesforce LWC in JavaScript and TypeScript. It runs in all modern browsers: Chrome, Edge, Safari, Firefox, Opera, Android WebView, and Samsung Internet.