DayPilot.Calendar.columnWidth

The columnWidth property (number) specifies the width of the JavaScript Calendar columns in the fixed column width mode (in pixels).

Declaration

DayPilot.Calendar.columnWidth

Default Value

200

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  columnWidthSpec: "Fixed",
  columnWidth: 300,
  // ...
});
calendar.init();

Angular

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

config: DayPilot.CalendarConfig = {
  columnWidthSpec: "Fixed",
  columnWidth: 300,
  // ...
};

React

<DayPilotCalendar
  columnWidthSpec="Fixed"
  columnWidth={300}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  columnWidthSpec="Fixed"
  :columnWidth="300"
  <!-- ... -->
/>

See Also

• Fixed Column Width [doc.daypilot.org]

• DayPilot.Calendar Class