I would like to know if the current components of Gantt support the part marked in the red box on the left as shown in the following figure. If so, please provide a case
Hello,
Unfortunately, Gantt doesn’t have built-in support for merging cells at the moment. However, you can try to achieve a similar effect by customizing the bottom border style of the grid rows:
gantt.templates.grid_row_class = (start, end, task) => {
if (gantt.hasChild(task.id) && task.category === "Plan") {
return "extend_cell_vertically";
}
};
CSS:
.extend_cell_vertically [data-column-name="text"] {
border-bottom: 1px #ffffff solid;
height: 36px;
margin-top: 18px;
z-index: 1;
background: white;
}
Please see an example: DHTMLX - Gantt. Merge/span Grid cells vertically