固定的FullCalendar列大小

Question

我正在尝试创建资源日视图(https://github.com/jarnokurlin/fullcalendar)具有固定列大小的FullCalendar的。我已经尝试过使列的宽度相同：

.ui-widget-header
{
width:150px !important;
}

这个：

.fc th {
width:150px !important;
}

但是列根据列内容的大小保持大小。

我在日历上添加了水平和垂直滚动条，这可能是问题所在吗？

我也尝试过：在资源完整日历中固定列宽，但这对我不起作用。

感谢

Dani

Answer 1

我自己解决了这个问题：我不得不将固定的表格布局直接添加到表格fc边界，而不仅仅是表格

table.fc-border-separate { table-layout: fixed; } 

然后使用：

table.fc-border-separate, table.fc-border-separate.fc td, .fc th {
width: 91px !important;
height: 50px !important;
}

列的大小和高度是固定的。

添加display:block并没有改变任何东西，但感谢您的回答。

Answer 2

尝试将display: block;或display: inline-block;添加到这些selectors中。