Implementing Row Spanning for Multi-Row Cells in JavaScript Gantt Chart

The JavaScript Gantt Chart control supports row cell spanning, allowing multiple cells in a row to merge into a single cell. This is useful for displaying shared information across rows without duplication.

To enable row spanning, use the rowSpan attribute inside the queryCellInfo event. This event is triggered for each grid cell, where you can define the number of rows a cell should span based on its data.

In the example below, the Soil test approval cell spans across two rows in the TaskName column.

• You can use both rowSpan and colSpan together to merge grid cells vertically and horizontally.