El problema al que me enfrento es mostrar más de una tarea en una misma fila. Pero la estructura predeterminada del diagrama de Gantt es mostrar la tarea en filas individuales delante del nombre de la tarea. Personalizamos la estructura y reemplazamos los nombres de las tareas (columnas de la izquierda del diagrama de Gantt) con el nombre de los trabajadores. Las tareas asignadas a cada trabajador deben mostrarse en la misma fila que el nombre del trabajador.
Hay una funcionalidad disponible en la versión Js del diagrama de Gantt, pero no estoy seguro acerca de la versión de reacción. En js, uno puede acceder a la instancia del diagrama de Gantt y, al reaccionar, debe hacer todo con la ayuda de accesorios.
Desafortunadamente, la funcionalidad de tareas divididas en la versión React del diagrama Dhtmlx Gantt no está disponible.
Esta funcionalidad está disponible en la versión PRO de JS dhtmlxGantt https://docs.dhtmlx.com/gantt/desktop__split_tasks.html . JS dhtmlxGantt se puede usar en la aplicación de reacción. Para hacer esto, necesita escribir un componente contenedor.
Aquí hay una demostración y un tutorial sobre cómo hacerlo: https://github.com/DHTMLX/react-gantt-demo https://dhtmlx.com/blog/create-react-gantt-chart-component-dhtmlxgantt/
Aquí está la demostración, con tareas divididas JS dhtmlxGantt en la aplicación de reacción: https://files.dhtmlx.com/30d/22969d8959ddb7651919594cd28848fd/gantt-react+split.zip .