DayPilot.Gantt.heightSpec

The heightSpec property (string) determines how the height of the JavaScript Gantt Chart component is calculated.

Declaration

DayPilot.Gantt.heightSpec

Possible Values

• "Auto" adjusts the height automatically so no vertical scrollbar is visible.

• "Fixed" uses the value of DayPilot.Gantt.height.

• "Max" grows automatically up to the value of DayPilot.Gantt.height.

• "Max100Pct" grows automatically according to the content until 100% of the parent HTML element is reached.

• "Parent100Pct" sets the total control height to 100% of the parent HTML element.

Default Value

"Max"

Examples

JavaScript

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

Angular

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

config: DayPilot.GanttConfig = {
  heightSpec: "Parent100Pct",
  // ...
};

React

<DayPilotGantt
  heightSpec="Parent100Pct"
  {/* ... */}
/>

Vue

<DayPilotGantt
  heightSpec="Parent100Pct"
  <!-- ... -->
/>

See Also

DayPilot.Gantt.height

DayPilot.Gantt Class