DayPilot.Gantt.rowHeaderSplitterWidth

The rowHeaderSplitterWidth property (number) specifies the width of the active vertical splitter between row headers and the JavaScript Gantt Chart grid.

The splitter is active only when rowHeaderScrolling is enabled.

Declaration

DayPilot.Gantt.rowHeaderSplitterWidth

Default Value

3

Examples

JavaScript

const gantt = new DayPilot.Gantt("dp", {
  rowHeaderScrolling: true,
  rowHeaderSplitterWidth: 2,
  // ...
});
gantt.init();

Angular

<daypilot-gantt [config]="config"></daypilot-gantt>
config: DayPilot.GanttConfig = {
  rowHeaderScrolling: true,
  rowHeaderSplitterWidth: 2,
  // ...
};

React

<DayPilotGantt
  rowHeaderScrolling={true}
  rowHeaderSplitterWidth={2}
  {/* ... */}
/>

Vue

<DayPilotGantt
  :rowHeaderScrolling="true"
  :rowHeaderSplitterWidth="2"
  <!-- ... -->
/>

See Also

DayPilot.Gantt.rowHeaderScrolling

DayPilot.Gantt Class

Availability

Availability of this API item in DayPilot editions:

LitePro
DayPilot for JavaScript