calendar 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.

JavaScript

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

<script type="text/javascript">
  var dp = new DayPilot.Calendar("dp");
  dp.headerHeightAutoFit = false;
  // ...
  dp.init();
</script>

ASP.NET WebForms

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

Demo

ASP.NET MVC

MVC View

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

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