Daygrid (FullCalendar) 事件以内联方式显示
Daygrid (FullCalendar) events to be shown inline
我使用 DayGrid 在我的站点上显示每月日历，其中每天都会显示事件。当同一天有多个事件时，我希望事件以图标形式显示在同一行中（例如，三个事件适合当天的同一行），而不是每个事件都在不同的新行中。我用 css 尝试了很多东西，但它似乎不起作用。任何建议都会有所帮助，谢谢
示例：
我用过这个 CSS，但是 inline-block 属性 将所有事件分配给一周的第一天，所以我找不到合适的解决方案
a.fc-event { width: 15px; }
div.fc-content-skeleton > table > tbody > tr { display: inline-block; }
您在“dayGridMonth”视图中看到的网格实际上由 HTML table 组成，其行跨越每周的整组日期。因此，如果您内联这些行，它们将尽可能地向左移动。
每天没有单独的网格（这只是一种视觉效果）。如果您将鼠标悬停在行上，浏览器开发人员工具中的元素检查器会为您突出显示这些行，因此您可以直观地看到结构。
如果不完全重写绘制该网格的 fullCalendar 中的底层源代码，您所要求的是不可能的。
您唯一的选择是创建一个 custom view，也许是通过从 fullCalendar 的 GitHub 存储库中克隆 dayGrid 代码并根据您的需要重新编写它，但除非您已经熟悉代码库，这可能是一项相当重要的任务，而不是轻而易举的事情 - 除非你有很多时间并且准备付出很多努力以获得相对较小的 UX 回报。
我使用 DayGrid 在我的站点上显示每月日历，其中每天都会显示事件。当同一天有多个事件时，我希望事件以图标形式显示在同一行中（例如，三个事件适合当天的同一行），而不是每个事件都在不同的新行中。我用 css 尝试了很多东西，但它似乎不起作用。任何建议都会有所帮助，谢谢
示例：
我用过这个 CSS，但是 inline-block 属性 将所有事件分配给一周的第一天，所以我找不到合适的解决方案
a.fc-event { width: 15px; }
div.fc-content-skeleton > table > tbody > tr { display: inline-block; }
您在“dayGridMonth”视图中看到的网格实际上由 HTML table 组成，其行跨越每周的整组日期。因此，如果您内联这些行，它们将尽可能地向左移动。
每天没有单独的网格（这只是一种视觉效果）。如果您将鼠标悬停在行上，浏览器开发人员工具中的元素检查器会为您突出显示这些行，因此您可以直观地看到结构。
如果不完全重写绘制该网格的 fullCalendar 中的底层源代码，您所要求的是不可能的。
您唯一的选择是创建一个 custom view，也许是通过从 fullCalendar 的 GitHub 存储库中克隆 dayGrid 代码并根据您的需要重新编写它，但除非您已经熟悉代码库，这可能是一项相当重要的任务，而不是轻而易举的事情 - 除非你有很多时间并且准备付出很多努力以获得相对较小的 UX 回报。