DayPilot.Month.cellHeaderHeight

The cellHeaderHeight property (number) specifies the calendar day cell header height in pixels.

Declaration

DayPilot.Month.cellHeaderHeight

Default Value

24

Notes

Increase this value to add more vertical space to the header area at the top of each day cell.

Examples

JavaScript

const month = new DayPilot.Month("dp", {
  cellHeaderHeight: 40,
  // ...
});
month.init();

Angular

<daypilot-month [config]="config"></daypilot-month>
config: DayPilot.MonthConfig = {
  cellHeaderHeight: 40,
  // ...
};

React

<DayPilotMonth
  cellHeaderHeight={40}
  {/* ... */}
/>

Vue

<DayPilotMonth
  :cellHeaderHeight="40"
  <!-- ... -->
/>

See Also

DayPilot.Month Class

Availability

Availability of this API item in DayPilot editions:

LitePro
DayPilot for JavaScript