Plugins are additional features that can be configured using attributes defined for each plugin, and some plugins may use additional properties from data.
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)