c# - 日历事件，将事件放在行上

Question

我正在尝试创建一个包含事件的日历。我的麻烦是如何正确放置事件。

这是它的样子：

这就是我想要的样子：

           @foreach (var item in Model.CalendarEventList.Where(q => q.CalendarEvent.Startdate.Date <= startDate.Date && q.CalendarEvent.Enddate.Date >= startDate.Date).ToList())
            {
                <div style="background-color: #bed4e6; border: 1px solid #000; font-size: 10px; margin-bottom: 2px;">
                    @item.CalendarEvent.Text
                </div>
            }

我的 eventList 有 4 个事件，A、B、C 和 D，我的 startdate 是 currentDate。

每个事件类都有一个开始日期、结束日期和文本。

有谁知道我如何重写我的循环以正确放置事件？

提前致谢！