在完整日历垂直资源视图中动态设置列的宽度

Question

是否可以在完整日历垂直资源视图中动态设置列的宽度？

Answer 1

我只是在css中设置#calendar width。

所以，如果我有这样的HTML代码：

<div id="content">
   <div id="calendar"></div>
</div>

我使用这样的css：

#content
{
    overflow-x: scroll;
}

#calendar
{
    width: 3000px;
}

Answer 2

我没有更改实际的单元格宽度，但因为它们会拉伸以适应整个调度程序的宽度，如果更改整个调度程序的最小宽度，则可以使单元格更改宽度。

我在viewRender

中这样做了

$("#schedule_container").css('min-width',$('.fc-resource-cell').length*125);

和eventAfterAllRender

$('.fc-agendaDay-button').click(function(){$("#schedule_container").css('min-width',$('.fc-resource-cell').length*125);});

这使得所有文本都适合每个单元格。经过一些测试后发现了125，为我找到了一个好的尺寸。您可以使用它来使每个更宽或更窄