どのように私は次の表は、している同じテーブルTD

Question

の内側にネストされた細胞を作成するには？これに関するアドバイスは？

Answer 1

を：

<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> 

See expecting result

私はそれが役に立ちそうです。

Answer 2

テーブルセルを直接生成することはできません。2番目のテーブルセル内に新しいテーブルを生成する必要があります。 @item.Nameをスパン/ divとネストした表の錯覚を作成するスタイル（jsFiddle example）としてレンダリングすることもできます。

Answer 3

私はあなたの質問を理解していれば、あなたはおそらくこれやりたい：

@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)) { 
     <td class="f"> 
      @(i+1) @item.Name 
      i = i + 1; 
     </td> 
     </tr> 
     <tr> 
     } 
    </tr> 
    } 
} 

をしかし、それは基本的にあなたにこのような何かビルドする必要があります：あなたが最初の列にROWSPAN使用することができます

---------------- 
| Name | Item1 | 
|  | ----- | 
|  | Item2 | 
|  | ----- | 
|  | Item3 | 
|  | ----- | 
|  | Item4 | 
----------------