How I can merge row in table in razor page

See more:

HTML5

Razor

ASP.NET4

Hello
I am using asp.net and asp.net and i try to design table in razor page using html and i get the data from the model .

so i am confusing because the user is enter the data in the table because the data will be change any time not static in the page .

this is table which i want to design .

Untitled — imgbb.com[^]

it is not fixed maybe the teacher has 1 day and one class or some time has 2 or 4 class in one day like this .

What I have tried:

This is my Code:

<table class="table table-bordered">
<tr>
    <th>
        @Html.DisplayNameFor(model => model.Group.Name)
    </th>

    <th>
        @Html.DisplayNameFor(model => model.Name)
    </th>
    <th>
        @Html.DisplayNameFor(model => model.Subject.Name)
    </th>
    <th>
        @Html.DisplayNameFor(model => model.Day.Name)
    </th>

    <th>
        @Html.DisplayNameFor(model => model.Hall.Name)
    </th>

    <th>
        @Html.DisplayNameFor(model => model.Schedule.Period)
    </th>
    <th></th>


</tr>

@foreach (var item in Model)
{
<tr>

    <td rowspan="2">
        @Html.DisplayFor(modelItem => item.Group.Name)

    </td>

    <td>
        @Html.DisplayFor(modelItem => item.Name)
    </td>

        <td>
            @Html.DisplayFor(modelItem => item.Subject.Name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Day.Name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Hall.Name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Schedule.Period)
        </td>

        <td>
            @Html.ActionLink("Edit", "Edit", new { id = item.Id }) |
            @Html.ActionLink("Details", "Details", new { id = item.Id }) |
            @Html.ActionLink("Delete", "Delete", new { id = item.Id })
        </td>
    </tr>

}

Thank you