Column Header Height Auto-Fit

Column header auto-fit feature will automatically adjust the column header height to fit all the text. It is enabled by default. You can disable it using headerHeightAutoFit property.

Note that header text wrapping is disabled by default. The height auto-fit only work correctly if you enable text wrapping using headerTextWrappingEnabled: true (see also headerTextWrappingEnabled in the API docs).

JavaScript

<div id="dp"></div>

<script type="text/javascript">
  const dp = new DayPilot.Calendar("dp", {
    headerHeightAutoFit: true,
    headerTextWrappingEnabled: true
    // ...
  });
  dp.init();
</script>

<DayPilot:DayPilotCalendar 
  runat="server" 
  ID="DayPilotCalendar1"
  HeaderHeightAutoFit="false"
  ...
/>

@Html.DayPilotCalendar("dpc", new DayPilotCalendarConfig { 

  // ...
  HeaderHeightAutoFit = false,
  // ...
	
})