DayPilot.Calendar.showHeader

The showHeader property (boolean) specifies whether the calendar displays column headers.

Declaration

DayPilot.Calendar.showHeader

Default Value

true

Notes

Keep this property enabled when you want the current view to show column labels and custom header content.

Use the header formatting and customization options to change the header appearance without hiding it completely.

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  showHeader: false,
  // ...
};

React

<DayPilotCalendar
  showHeader={false}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :showHeader="false"
  <!-- ... -->
/>

See Also

DayPilot.Calendar.headerDateFormat

Column Header Customization [doc.daypilot.org]

DayPilot.Calendar Class