Example of Grid Lines in React Gantt Component

/
/
GridLines

This sample demonstrates the visibility of Gantt lines that separate the rows and columns.In this sample, you can change the gridlines from the property panel.

More Details...

Loading....
Description

The gridLines property is used to control the visibility of line that separates the rows and columns. Gantt allows us to display the following grid lines:

  • None - Shows no line.
  • Both - Shows both horizontal and vertical lines.
  • Horizontal - Shows the horizontal line.
  • Vertical - Shows the vertical line.

In this demo, you can modify the visibility of gridlines by selecting values in dropdown.

Gantt component features are segregated into individual feature-wise modules.To use a selection, inject the Selection module using the Gantt.Inject(Selection) method.To use markers, inject the DayMarkers module using the Gantt.Inject(DayMarkers) method.