DayPilot.Gantt.rowHeaderWidth

The rowHeaderWidth property (number) sets the initial width of the JavaScript Gantt Chart row header in pixels.

If row header width auto-fit is enabled, the width is adjusted to fit the content.

If row header scrolling is enabled, this value determines the width of the row header container.

Declaration

DayPilot.Gantt.rowHeaderWidth

Default Value

80

Examples

JavaScript

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

Angular

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

config: DayPilot.GanttConfig = {
  rowHeaderWidth: 120,
  // ...
};

React

<DayPilotGantt
  rowHeaderWidth={120}
  {/* ... */}
/>

Vue

<DayPilotGantt
  :rowHeaderWidth="120"
  <!-- ... -->
/>

See Also

DayPilot.Gantt.rowHeaderWidthAutoFit

DayPilot.Gantt.rowHeaderScrolling

DayPilot.Gantt Class