javascript calendar fixed column width mode

Horizontal scrollbar will be added automatically if necessary.

It works in Resources and Days views (including DayWorkWeek, and Week views).

JavaScript

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

<script type="text/javascript">
  var dp = new DayPilot.Calendar("dp");
  dp.viewType = "Days";
  dp.days = 50,
  dp.columnWidthSpec = "Fixed",
  dp.columnWidth = 100,
  // ...
  dp.init();
</script>

Demo

ASP.NET WebForms

<DayPilot:DayPilotCalendar runat="server" ID="DayPilotCalendar1"
  ViewType="Days"
  Days="50"
  ColumnWidthSpec="Fixed"
  ColumnWidth="100"
  ...
/>

Demo

ASP.NET MVC

MVC View

@Html.DayPilotCalendar("dpc", new DayPilotCalendarConfig
{
  ViewType = DayPilot.Web.Mvc.Enums.Calendar.ViewType.Days,
  Days = 50,
  ColumnWidthSpec = ColWidthSpec.Fixed,
  ColumnWidth = 100,
  ...

})

Demo