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

Question

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

Answer 1

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

我在 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 适合我。你可以玩弄它，让每一个变宽或变窄

Answer 2

我刚刚在 css 中设置了#calendar 宽度。

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

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

我这样使用css：

#content
{
    overflow-x: scroll;
}

#calendar
{
    width: 3000px;
}