Example of grid-lines-functional in React Gantt

/
/
Grid Lines

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 and marker features, we need to inject the Selection and DayMarkers into the Inject Services section.


More information on the Essential® React Gantt Chart can be found in this documentation section.