AnyChart JavaScript Gantt Chart provides extensive data grid styling options, letting you theme row fills, column strokes, and interactive states to match any design system.
This sample creates a project Gantt chart and applies custom data-grid colors: alternating light-blue even and off-white odd row fills, a warm yellow hover fill, and an amber selected fill. Column strokes are set to a 2-pixel blue line, and chart row separators use a matching blue stroke. The name column is widened to 300 pixels for comfortable reading of long task names, and the splitter is positioned at 300 pixels.
See the Gantt Chart documentation for all configuration options.