如何在（C＃razor每周日历视图）中列出多个表trs和tds

Question

我正在为2019年每个月的每周制作一张桌子。因此，一周的日历视图。我现在想在特定时间为日历事件创建新的单元格。我试图制造一个细胞多次。例如，某个活动的时间为8:00，一个活动的时间为8:30，一个活动的时间为9:00，依此类推。

<table class="table table-bordered table-striped" id="reservationCalendar" align="center" frame="border" style="width:100%">
        <tr>
            @{

                int currentMonth = DateTime.Now.Month;
                <td style="width:14%"></td>

                for (int month = 0; month < 12; month++)
                {
                    int currentYear = DateTime.Now.Year;
                    DateTime firstDay = new DateTime(DateTime.Now.Year, currentMonth, 1);
                    int daysInCurrentMonth = DateTime.DaysInMonth(firstDay.Year, firstDay.Month);
                    DateTime lastDay = new DateTime(currentYear, currentMonth, daysInCurrentMonth);
                    // Sunday casted to int gives 0 but that will not work for us, we need 7 to be able to calculate number of empty cells correctly
                    int dayOfWeekFirst = ((int)firstDay.DayOfWeek > 0) ? (int)firstDay.DayOfWeek : 7;
                    int dayOfWeekLast = ((int)lastDay.DayOfWeek > 0) ? (int)lastDay.DayOfWeek : 7;


                    for (int i = 1; i <= daysInCurrentMonth; i++)
                    {
                        DateTime renderedDay = new DateTime(firstDay.Year, firstDay.Month, i);
                        String DayDate = renderedDay.ToString("dd.MM.yyyy");


                        if (renderedDay < DateTime.Now)
                        {
                            <td class="alert alert-danger" width:14%">@renderedDay.DayOfWeek, @DayDate</td>


                        }
                        else
                        {
                            <td class="alert alert-success" style="width:14%">@renderedDay.DayOfWeek, @DayDate</td>

                        }


                        if (renderedDay.DayOfWeek == DayOfWeek.Sunday)
                        {
                        @: </tr>
                    @:</table>
                    @:<table class="table table-bordered table-striped" id="reservationCalendar" align="center" frame="border" style="width:100%">
                        @:<tr>
                        }
                    }
                    currentMonth = currentMonth + 1;
                }
            }
        </tr>
    </table>

目标是每天的每个时间都有一个活动。在“时间栏左侧”。感谢您的任何意见或建议：）