テーブル - 縦のヘッダーと動的な列の数

Question

私は垂直のヘッダーと動的な列の数を持つテーブルを作成しようとしています。 ASP.NET MVC Razorとforeachループを使用して列を生成したい。

は、私はすべての列は、行ごとに値を持つヘッダ（行）と列の動的な数の一定の数を、持っている私は取得したい何

：

Header1 Value1,Value2,Value3 
Header2 Value1,Value2,Value3 
Header3 Value1,Value2,Value3 

モデル：

public class RootViewModel 
{ 
    public List<Column> Columns { get; set; } 
} 
public class Column 
{ 
    public int Header1Value { get; set; } //Value1 
    public int Header2Value { get; set; } //Value2 
    public int Header3Value { get; set; } //Value3 
} 

私は本当にすべてのプロパティの 'foreach'を使用せずにこの問題を解決する方法を知りません。

Answer 1

ビューに表示する内容を表すようにビューモデルを変更する必要があります。

public class RootViewModel 
{ 
    public List<RowViewModel> Rows { get; set; } 
} 

public class RowViewModel 
{ 
    public string Header{ get; set; } 
    public List<int> Values { get; set; } 
} 

ので、そのビューであなたは `COLUMN`は4つの性質、各列の値の1が必要になり、その後、すべてのあなたの必要性は、単一の` foreach`ある

@model RootViewModel 
<table> 
    @foreach(var row in Model.Rows) 
    { 
     <tr> 
      <td>@row.Header</td> 
      @foreach(var value in row.Values) 
      { 
       <td>@value</td> 
      } 
     </tr> 
    } 
</table>