css - full calendar_scheduler - 如何在垂直议程日设置最小宽度资源列并进行水平滚动

Question

大家好，我有一个问题，请帮助我! 我在 FullCalendar 中使用调度程序。当我添加更多资源时，资源列变小以修复日历。我想设置列的最小宽度并显示水平滚动。我试着设置

.fc-view.fc-agendaDay-view.fc-agenda-view{ width: 500%; }

但效率低下。因为当我添加更多资源时，列会再次变小。

Answer 1

我使用 fullcalendar.io，所以 HTML 是 <div id="calendar"></div> 而JS显示更多资源栏是

resources: [
{ id: 'BSNa', title: 'Bác sĩ Na'}
{ id: 'BSHai', title: 'Bác sĩ Hải' },
{ id: 'BSPhuong', title: 'Bác sĩ Phương' },
{ id: 'BSAnh', title: 'Bác sĩ Ánh'},
{ id: 'BSMinh', title: 'Bác sĩ Minh'},
{ id: 'KTVa', title: 'KTV Ánh', },
{ id: 'KTVb', title: 'KTV Minh', },
{ id: 'KTVc', title: 'KTV Ánh', },
{ id: 'KTVd', title: 'KTV Minh', },
]

enter image description here