FullCalendar水平滚动条

Question

我需要一种方法来添加水平滚动条，这样列名称就不会重叠。

<FullCalendar plugins={[ resourceTimeGridPlugin, scrollGridPlugin  ]} initialView="resourceTimeGridDay" schedulerLicenseKey= 'CC-Attribution-NonCommercial-NoDerivatives'
            resources={[
                { id: 1, title: 'Antonella Rossi', businessHours: {startTime: '09:00', endTime: '16:00'}},
                { id: 2, title: 'Mario rossi', businessHours: {startTime: '09:00', endTime: '18:00'}},
                { id: 3, title: 'Luca rossi'},
                { id: 4, title: 'Francesca Rossi' },
                { id: 5, title: '111 Rossi'},
                { id: 6, title: 'Mario rossi' },
                { id: 7, title: 'Luca rossi' },
                { id: 8, title: 'Francesca Rossi' },
                { id: 9, title: '222 Rossi'},
                { id: 10, title: 'Mario rossi' },
                { id: 11, title: 'Luca rossi' },
                { id: 12, title: 'Francesca Rossi' },
                { id: 13, title: 'An333tonella Rossi'},
                { id: 14, title: 'Mario rossi' },
                { id: 15, title: 'Luca rossi' },
                { id: 16, title: 'Francesca Rossi' },
                { id: 17, title: 'Antonella Rossi'},
                { id: 18, title: 'Mario rossi' },
                { id: 19, title: 'Luca rossi' },
                { id: 20, title: 'Francesca Rossi' }
            ]}
            nowIndicator={true}
            slotMinTime= "07:00"
            stickyFooterScrollbar= {true}
            height= '100vh'
            />

我尝试使用 StickyFooterScrollbar，但没有任何改变。 ScrollGrid 插件也是如此。 我正在使用反应

Answer 1

您可以设置

dayMinWidth

选项来强制 fullCalendar 使列更宽。

注意根据文档，

stickyFooterScrollbar

选项仅在使用

dayMinWidth

时生效，因为在这种情况下日历仅显示任何滚动条。 “粘性”选项只是阻止滚动条移出视口，它不会导致它首先出现。

更多信息：

• https://fullcalendar.io/docs/dayMinWidth
• https://fullcalendar.io/docs/stickyFooterScrollbar