css - FullCalendar 的固定列大小

Question

我正在尝试使用固定列大小制作 FullCalendar 的资源日 View ( 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;
}

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

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