asp.net-mvc - 在 MVC 视图的“TR”标签中合并具有相同 ID 的不同数据

Question

这是我目前在视图中的结构：

现在根据上图，电影“复仇者联盟”在我的表中有相同的Movieid，但不同的名人，如 Scarlett、Robert 等。但“Russo”和“Scarlett”的记录放在不同的Tr标签中。我怎样才能将这两条记录移动到“小罗伯特”下方的同一Tr中。

我已经尝试过了，但这给了我上图中的输出：

<table class="table table-bordered" id="topicList">
<thead>
    <tr><th data-priority="1"><span>Movies</span></th>
    <th data-priority="3"><span>Roles</span></th></tr>
</thead>
<tbody>
    @{ int movieid = 0; }
    @foreach (var item in Model)
    {
       <tr>
        <td class="topicTd">
            @if (movieid != item.MovieId)
            {
                <div class="table_home">
                    <span>@item.MovieName</span>
                </div>
            }
            @{ movieid = item.MovieId; }
        </td>

         <td>
                <div id="roles">
                    <div class="img_div">
                        <div class="rolelistTooltip">
                            <a href="javascript:void(0);" class="hover right_div" data-trigger="focus" id="229759" role="button">
                                <img src="~/Content/0829.jpg" class="imgSquare img-responsive img-circle" alt="@item.CelebName">
                            </a>
                        </div>
                    </div>
                    <div class="content_img">
                        <h3><a href="javascript:void(0);" class="hover right_div" id="229759" data-trigger="focus" role="button" tabindex="0" data-original-title="" title=""><strong class="groupID11">@item.CelebName</strong></a></h3>
                        <p>
                            <a href="javascript:void(0);" class="hover right_div" id="229759" data-trigger="focus" role="button" tabindex="0" data-original-title="" title="">@item.RoleName</a>
                        </p>
                    </div>
                </div>
         </td>          
    </tr>                       
    }
</tbody>

这是模型： Int MovieId, string MovieName, int celebId, string CelebName, int roleId, string RoleName

标签： asp.net-mvcrazor