Gantt grid rows as resources not as tasks

Gantt
#1

Hi, I’m testing the gantt chart for angular 8 project for our team and we need the task or events to show in the same row (defining the rows as resources not task). The grid in the left will list the resources and in the gantt we saw the events in that row, like this tool:

Is there a way to acheiv this or another tool? Thanks

#2

Hello César,
If you want to display several tasks on the same row, you can use the Split Tasks feature.
The following article explains how to configure it:
https://docs.dhtmlx.com/gantt/desktop__split_tasks.html
And here is a sample:
https://docs.dhtmlx.com/gantt/samples/04_customization/11_split_task.html

You can use the grouping extension to group all tasks under the same parent:
https://docs.dhtmlx.com/gantt/desktop__grouping.html
Here is a sample:
https://docs.dhtmlx.com/gantt/samples/02_extensions/08_tasks_grouping.html

You can combine it with the split tasks feature. In the following snippet, you can click on the buttons at the top to see how it works:
https://snippet.dhtmlx.com/5/39d560e21

You can also check the DHTMLX Scheduler component:
https://dhtmlx.com/docs/products/dhtmlxScheduler/

#3

Thanks, the split task function could work for our project, the only issue is when the events overlaps in time, they don’t look good.

#4

Hello César,
There is no built-in way to change how it looks when tasks overlap. You need to implement a custom solution.

The following examples can help you to start:
http://snippet.dhtmlx.com/4295d256c
http://snippet.dhtmlx.com/4f53b734b