You can define columns explicitly to display the needed items in a Gantt Chart. You can also enhance the appearance of columns by setting the header text, text alignment, cell value format, and width.
When the column collection is not specified, Gantt Chart will create columns definition for the users by creating column object from the data source.
Users can decorate each cell element of a Gantt Chart with their own attributes by customizing styles, add additional class names, etc.
Column resize allows changing column width on the fly by simply dragging the right corner of the column header. A scroll bar appears when the Gantt Chart content width exceeds the element width.
Reorder Gantt Chart columns either through user interaction or programmatically. Simply dragging a column header into the desired column position will reorder the columns of a Gantt Chart.
The value accessors specify how the cell value is to be retrieved from the data. The preferred value accessors can be used when the row data is not just a simple object.
The Vue Gantt Chart supports customization of cell styles by using CSS or programmatically