Plugins are additional features that are not included in
angular-gantt main distribution file.
They can be configured using attributes defined for each plugin, and some plugins may use additional properties from
Each plugin is available under
assets folder as standalone
xxxxxx plugin is the name of the plugin.
angular-gantt-plugins.css files contains every standard plugin as a single package.
Enable a plugin
Add the plugin module dependency to your application module dependencies list.
angular.module('myApp', ['gantt', 'gantt.xxxxxx']);
Add the plugin directive as a child element of the gantt directive.
<div gantt> <gantt-xxxxxx></gantt-xxxxxx> </div>
Display row labels in multiple columns on the side.
Display a tree hierarchy for rows.
Sort rows by drag & drop on rows label.
Move and resize tasks.
Draw new tasks with the mouse.
Display a visual indicator showing configured progress of tasks.
Display configured bounds when moving mouse over a task.
Add a border with
gantt-task-overlapsCSS class on tasks that overlaps.
Display tooltips when moving mouse over a task.
Use CSS-Element-Queries Polyfill to support dynamic resizing.
Display row labels on the side. (Use Table plugin instead)