修复了FullCalendar的列大小

Question

我正在尝试使用固定列大小创建FullCalendar的资源日视图（https://github.com/jarnokurlin/fullcalendar）。 我试过这个使列的宽度相同：

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

和此：

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

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

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

我也试过这个：Fixed Column Widths in Resource FullCalendar但这对我不起作用。

由于

达尼

Answer 1

我自己解决了这个问题： 我不得不将表格布局直接固定到表格fc-border-separate不仅仅是表格

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。