Asp.net mvc 表-垂直标题和动态列数

我试图制作一个具有垂直标题和动态列数的表。我想使用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
}

公共类RootViewModel
{
公共列表列{get；set；}
}
公共类专栏
{
public int Header1Value{get；set；}//Value1
public int Header2Value{get；set；}//Value2
public int Header3Value{get；set；}//Value3
}

---

如果不对每个属性都使用“foreach”，我真的不知道如何解决这个问题。

您需要修改视图模型，以表示希望在视图中显示的内容

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

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

公共类RootViewModel
{
公共列表行{get；set；}
}
公共类RowViewModel
{
公共字符串头{get；set；}
公共列表值{get；set；}
}

因此，在视图中，您可以使用

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

@model RootViewModel
@foreach（Model.Rows中的变量行）
{
@行标题
@foreach（行中的var值。值）
{
@价值观
}
}

您需要修改视图模型，以表示要在视图中显示的内容

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

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

公共类RootViewModel
{
公共列表行{get；set；}
}
公共类RowViewModel
{
公共字符串头{get；set；}
公共列表值{get；set；}
}

因此，在视图中，您可以使用

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

@model RootViewModel
@foreach（Model.Rows中的变量行）
{
@行标题
@foreach（行中的var值。值）
{
@价值观
}
}

class

Column

需要4个属性，每个列值对应一个属性，然后只需要一个

foreach

loop，我有固定数量的标题（行）和动态数量的列，其中每一列对每一行都有值然后视图模型需要第一列的属性和剩余列的集合属性，例如

string Name

和

IEnumerable Values

，然后需要两个循环，一个循环生成行和第一列，值的内部循环至少可以确认第一列是

字符串

，后续列都是

int

？是的，第一列是属性的名称，其余是int-values类

列

需要4个属性，每个列值一个，然后您只需要一个

foreach

loop，我有固定数量的标题（行）和动态数量的列，其中每一列对每一行都有值然后视图模型需要第一列的属性和剩余列的集合属性，例如

string Name

和

IEnumerable Values

，然后需要两个循环，一个循环生成行和第一列，值的内部循环至少可以确认第一列是

字符串

，后续列都是

int

？是的，第一列是属性的名称，其余是int值