如何在单个对象的Mvc WebGrid中显示两列

Question

我是MVC的新用户，我想在WebGrid的两列中显示用户名，如下所示。

目前，网格以下列格式显示数据。

我将WebGrid与List<string>绑定，列表包含用户名。

我的控制器

public ActionResult Index()
{ 
    List<string> userList = new List<string>();
    userList.Add("User1");
    userList.Add("User2");
    userList.Add("User3");
    userList.Add("User4");
    return View(userList);
}

我的Cshtml

@using (Html.BeginForm())
{
    var grid = new WebGrid(Model);
    @grid.GetHtml(columns: grid.Columns(grid.Column(format: (item) => item)));
}

Answer 1

您所需的输出不是webgrid控件的正确用例。这是使用简单for循环的mvc razor视图的表生成逻辑：

myArray

我添加了一个css样式@model List<string> <table > @{ for (int i = 1; i <= Model.Count; i++) { if (i % 2 != 0) { @:<tr > } <td style="border:solid;"> @Model[i - 1] </td> if (i % 2 == 0) { @:</tr> } } } </table> ，只是为了显示所有表格单元格的边框。您可以根据自己的需要进行自定义。

此代码在下表中创建：