<div>Opłacone wydarzenia</div>
    <div id="daily" style="float:left; width:27%; margin-left:20px;">
        @Html.DayPilotCalendar("dp_day", new DayPilotCalendarConfig
   {
       BackendUrl = Url.Action("EvActiveMerged", "Calendar"),
       ViewType = DayPilot.Web.Mvc.Enums.Calendar.ViewType.Day,
       TimeRangeSelectedHandling = DayPilot.Web.Mvc.Events.Calendar.TimeRangeSelectedHandlingType.JavaScript,
       TimeRangeSelectedJavaScript = "create(start, end)",
       ColumnMarginRight = 50,
       TimeFormat = DayPilot.Web.Mvc.Enums.TimeFormat.Clock24Hours,
       CellDuration = 15,
   })
    </div>
    <div>Nieopłacone wydarzenia</div>
    <div id="daily" style="float:left; width:27%; margin-left:10px;">
        @Html.DayPilotCalendar("dn_day", new DayPilotCalendarConfig
   {
       BackendUrl = Url.Action("EvNotActiveMerged", "Calendar"),
       ViewType = DayPilot.Web.Mvc.Enums.Calendar.ViewType.Day,
       TimeRangeSelectedHandling = DayPilot.Web.Mvc.Events.Calendar.TimeRangeSelectedHandlingType.JavaScript,
       TimeRangeSelectedJavaScript = "create(start, end)",
       ColumnMarginRight = 100,
       TimeFormat = DayPilot.Web.Mvc.Enums.TimeFormat.Clock24Hours,
       CellDuration = 15,
   })
    </div>
    <div>Wszystkie wydarzenia</div>
    <div id="daily" style="float:left; width:27%; margin-left:10px;">
        @Html.DayPilotCalendar("dx_day", new DayPilotCalendarConfig
   {
       BackendUrl = Url.Action("EvAllMerged", "Calendar"),
       ViewType = DayPilot.Web.Mvc.Enums.Calendar.ViewType.Day,
       TimeRangeSelectedHandling = DayPilot.Web.Mvc.Events.Calendar.TimeRangeSelectedHandlingType.JavaScript,
       TimeRangeSelectedJavaScript = "create(start, end)",
       ColumnMarginRight = 100,
       TimeFormat = DayPilot.Web.Mvc.Enums.TimeFormat.Clock24Hours,
       CellDuration = 15,
   })
    </div>

<script>
    dp_day.nav.scroll.onscroll = function () {
        dn_day.nav.scroll.scrollTop = dp_day.nav.scroll.scrollTop;
        dx_day.nav.scroll.scrollTop = dp_day.nav.scroll.scrollTop;
        console.log("dpdaymove");
}
    dn_day.nav.scroll.onscroll = function () {
        dp_day.nav.scroll.scrollTop = dn_day.nav.scroll.scrollTop;
        dx_day.nav.scroll.scrollTop = dn_day.nav.scroll.scrollTop;
        console.log("dndaymove");
    }
    dx_day.nav.scroll.onscroll = function () {
        dp_day.nav.scroll.scrollTop = dx_day.nav.scroll.scrollTop;
        dn_day.nav.scroll.scrollTop = dx_day.nav.scroll.scrollTop;
        console.log("dxdaymove");
    }
</script>