DayPilot.Calendar.headerLevels

The headerLevels property (number) specifies the number of header rows that will be displayed in the resource calendar view. You can use it to display a hierarchy of resources.

Since version 2022.2.5344, you can also use "Auto" value which will detect the maximum automatically. It is now the default value.

Declaration

DayPilot.Calendar.headerLevels

Default Value

"Auto"

Examples

JavaScript

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

Angular

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

config: DayPilot.CalendarConfig = {
  headerLevels: 2,
  // ...
};

React

<DayPilotCalendar
  headerLevels={2}
  {/* ... */}
/>

Vue

<DayPilotCalendar
  :headerLevels="2"
  <!-- ... -->
/>

See Also

• DayPilot.Calendar Class