将水平视图添加到FullCalendar API

时间:2016-08-09 14:59:10

标签: html css3 fullcalendar

我在项目中使用全日历API进行垂直资源视图。一切正常,大约10个资源。但是,当我增加项目中的资源数量时,视图就搞砸了。

view with less resources

view with more resources

那我怎么能在这个视图中添加水平滚动。

1 个答案:

答案 0 :(得分:0)

在viewRender回调函数中,您可以添加类似

的内容
if(view.name === "agendaDay"){
        $('.fc-view-container').css('overflow-x','auto');
        $("#fullcalendar_container").css('min-width',$('.fc-resource-cell').length*slot_width_resource);
    }

我的slot_width_resource等于125.您可以使用该值,以便间距更好。