css - 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但这对我不起作用。

谢谢

丹妮

score 3 · Accepted Answer

我自己解决了这个问题：我必须将固定的表格布局直接添加到表格 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 没有改变任何东西，但感谢您的回答。

score 0 · Accepted Answer

0

尝试将display: block;或添加display: inline-block;到那些selectors.

于 2013-08-30T07:17:23.637 回答

2 回答 2