!!!###!!!title=Gantt Chart Sub-task Layout Mode——VisActor/VTable demo!!!###!!!!!!###!!!description=In Gantt, the task bar layout mode determines the display effect of the task bars. Gantt provides the following several task bar layout modes: - `Tasks_Separate`: Each task node is displayed in a separate row, with the parent task occupying one row and the subtasks occupying one row respectively. This is the default display effect. - `Sub_Tasks_Separate`: The parent task node is omitted and not displayed, and all subtask nodes are displayed in separate rows. - `Sub_Tasks_Inline`: The parent task node is omitted and not displayed, and all subtask nodes are placed in the same row. - `Sub_Tasks_Arrange`: The parent task node is omitted and not displayed, and all subtasks will maintain the data sequence in the records for layout, ensuring that the nodes do not overlap. - `Sub_Tasks_Compact`: The parent task node is omitted and not displayed, and all subtasks will be laid out according to the date order attribute, ensuring a compact display without node overlap. This configuration is set through the `Gantt#tasksShowMode` configuration item.!!!###!!!

Gantt Chart Sub-task Layout Mode

mobile

In Gantt, the task bar layout mode determines the display effect of the task bars. Gantt provides the following several task bar layout modes:

  • Tasks_Separate: Each task node is displayed in a separate row, with the parent task occupying one row and the subtasks occupying one row respectively. This is the default display effect.
  • Sub_Tasks_Separate: The parent task node is omitted and not displayed, and all subtask nodes are displayed in separate rows.
  • Sub_Tasks_Inline: The parent task node is omitted and not displayed, and all subtask nodes are placed in the same row.
  • Sub_Tasks_Arrange: The parent task node is omitted and not displayed, and all subtasks will maintain the data sequence in the records for layout, ensuring that the nodes do not overlap.
  • Sub_Tasks_Compact: The parent task node is omitted and not displayed, and all subtasks will be laid out according to the date order attribute, ensuring a compact display without node overlap.

This configuration is set through the Gantt#tasksShowMode configuration item.

PX
x
PX
%
Share