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 には、A、B、C、D の 4 つのイベントがあり、startdate は currentDate です。

各イベント クラスには、開始日、終了日、およびテキストがあります。

イベントを正しく配置するためにループを書き直す方法を知っている人はいますか?

前もって感謝します！