DayPilot.Calendar.columnWidthSpec

The columnWidthSpec property (string) sets the column width mode for the JavaScript Calendar component.

Declaration

DayPilot.Calendar.columnWidthSpec

Possible Values

• "Auto" - adjusts the column width automatically so the available width is distributed among visible columns.

• "Fixed" - uses the width specified by the DayPilot.Calendar.columnWidth property.

Default Value

"Auto"

Examples

JavaScript

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

Angular

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

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

React

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

Vue

<DayPilotCalendar
  columnWidthSpec="Fixed"
  <!-- ... -->
/>

See Also

• Responsive Column Width [doc.daypilot.org]

• Fixed Column Width [doc.daypilot.org]

• DayPilot.Calendar Class