DayPilot.Gantt.cellGroupBy

The cellGroupBy property (string) specifies the group size used for the first row of the time header. It is kept for backwards compatibility; use DayPilot.Gantt.timeHeaders instead.

Declaration

DayPilot.Gantt.cellGroupBy

Possible Values

• "Hour" - groups the first time header row by hour.

• "Day" - groups the first time header row by day.

• "Week" - groups the first time header row by week.

• "Month" - groups the first time header row by month.

• "None" - disables grouping in the first time header row.

Default Value

"Month"

Notes

The value of cellGroupBy is only used when it is referenced as a group size in DayPilot.Gantt.timeHeaders.

Examples

JavaScript

const gantt = new DayPilot.Gantt("dp", {
  cellGroupBy: "Week",
  // ...
});
gantt.init();

Angular

<daypilot-gantt [config]="config"></daypilot-gantt>

config: DayPilot.GanttConfig = {
  cellGroupBy: "Week",
  // ...
};

React

<DayPilotGantt
  cellGroupBy="Week"
  {/* ... */}
/>

Vue

<DayPilotGantt
  cellGroupBy="Week"
  <!-- ... -->
/>

See Also

DayPilot.Gantt.timeHeaders

DayPilot.Gantt Class