DayPilot.Calendar.headerHeight

The headerHeight property (number) specifies the height of the column header row (in pixels) in the JavaScript Calendar component.

If you define a hierarchy of columns and display multiple header levels, you can configure the height of each level using the headerLevelHeights property.

Declaration

DayPilot.Calendar.headerHeight

Default Value

30

Examples

Calendar config:

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  headerHeight: 25,
  // ...
};

React

<DayPilotCalendar
  headerHeight={25}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :headerHeight="25"
  <!-- ... -->
/>

See Also

• DayPilot.Calendar Class