如何在同一个表TD内创建嵌套单元格

Question

我有下表: -

<table class="table table-striped">
    <thead>
        <tr>
            <th></th>
        </tr>
    </thead>
    <tbody>
        @foreach(var permisionMag in Model.PermisionManagement)
        {
            <tr>
                <td>@permisionMag.Name</td>
                @{
                    int i = 0;
                    <td class="f">
                        @foreach(var item in permisionMag.TechnologyTypes.OrderBy(a => a.Name)) {
                            @(i+1)  @item.Name  
                            i = i + 1;
                        }
                        <br />           
                    </td>
                }
            </tr>
        }
    </tbody>
</table>

但是目前我需要第二列有嵌套行而不是在同一个TD内显示行？有什么建议吗？

Answer 1

您可以在第一列上使用 rowspan ：

<table class="table table-striped">
    <thead>
        <tr>
            <th></th>
        </tr>
    </thead>
    <tbody>@foreach(var permisionMag in Model.PermisionManagement) {
        <tr>
            <td rowspan="@permisionMag.TechnologyTypes.Count()">@permisionMag.Name</td>
            @{
             int i = 0;
             foreach (var item in permisionMag.TechnologyTypes.OrderBy(a => a.Name))
             { 

                i = i + 1;
                if( i > 1) {
                   </tr><tr>
                }
                <td class="f">
                     @(i+1)  @item.Name  
                </td>
              }
            }
        </tr>
        }
    </tbody>
</table>

查看预期结果

我希望它有帮助。