DayPilot.Scheduler.rowHeaderColumnDefaultWidth

The rowHeaderColumnDefaultWidth property (number) specifies the default row header column width (in pixels) in the JavaScript Scheduler component.

Declaration

DayPilot.Scheduler.rowHeaderColumnDefaultWidth

Default Value

80

Notes

The Scheduler uses this value for rowHeaderColumns items that don't define their own width.

Examples

JavaScript

const dp = new DayPilot.Scheduler("dp", {
  rowHeaderColumnDefaultWidth: 50,
  rowHeaderColumns: [
    { text: "Name", display: "name" },
    { text: "Floor", display: "location" }
  ],
  // ...
});
dp.init();

Angular

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

config: DayPilot.SchedulerConfig = {
  rowHeaderColumnDefaultWidth: 50,
  rowHeaderColumns: [
    { text: "Name", display: "name" },
    { text: "Floor", display: "location" }
  ],
  // ...
};

React

const rowHeaderColumns = [
  { text: "Name", display: "name" },
  { text: "Floor", display: "location" }
];

<DayPilotScheduler
  rowHeaderColumnDefaultWidth={50}
  rowHeaderColumns={rowHeaderColumns}
  {/* ... */}
/>

Vue

<DayPilotScheduler
  :rowHeaderColumnDefaultWidth="50"
  :rowHeaderColumns="rowHeaderColumns"
  <!-- ... -->
/>

const rowHeaderColumns = [
  { text: "Name", display: "name" },
  { text: "Floor", display: "location" }
];

See Also

Row Header Columns [doc.daypilot.org]

DayPilot.Scheduler.rowHeaderColumns

DayPilot.Scheduler Class