ASP.NET MVC3 Webgrid，每条记录两行答案

【问题标题】：ASP.NET MVC3 Webgrid with two rows per recordASP.NET MVC3 Webgrid，每条记录两行
【发布时间】：2015-02-06 15:26:44
【问题描述】：

我在通过 WebGrid 呈现数据时遇到问题，每条记录有两行。

我的数据应该以表格格式显示，但由于列太多，而其中一列实际上有太多数据（完整地址），我想将它们显示为每条记录的两行。

知道如何实现这一点吗？谢谢。

我想为每条记录查看的表格标记的一个简单示例是：

<tr>
<td>
    123456
</td>
<td>
    string
</td>
<td>
    string
</td>
<td>
    <input type="checkbox" name="ProductIds" value="1">
</td>
</tr>
<tr>
<td colspan="4">
    <div>
    </div>
</td>
</tr>

【问题讨论】：

标签： asp.net asp.net-mvc-3 webgrid

【解决方案1】：

<tr><td>
<table>
<tr>
<td>123456</td>
<td>string</td>
<td>string</td>
<td><input type="checkbox" name="ProductIds" value="1" /></td>
</tr>
<tr><td colspan="4">http://link</td></tr>
</table>
</td></tr>

【讨论】：

感谢您的回复安德鲁。所以你建议有嵌套表，它会影响我的 webgrid，每条记录只有一列？使用此设置，与仅使用 foreach() 循环相比有什么优势吗？
我有一个 webGrid，我想在两行中显示一条记录，例如类型制作模型（第一行）颜色注册（第二行）这里是示例代码 stackoverflow.com/questions/22885863/…。我该怎么做这个。？？？

【解决方案2】：

我会创建一个只有一列的网格。然后，使用 grid.Column 的第二个参数 format 是 Func 类型的事实。因此，您可以使用它来创建一个新的 HtmlString：

grid.Column("AnyOldColumnName", format: item => new HtmlString(// Code to render a table with two rows))

即，使用 lambda 函数中的 item 参数来渲染一个有两列的表格。

我从来没有这样做过，也不知道会有什么样的表现。但我认为这是最好的选择。

【讨论】：

【解决方案3】：

@grid.GetHtml(tableStyle: "webgrid1", columns: grid.Columns(grid.Column(grid.Column(format: item => new HtmlString("<table>"+
                                      "<tr>"+ "<td>"+@lblField1+"</td>"+"<td>"+@lblField2+"</td>"+"<td>"+@lblField3+"</td>"                                                                        
                                      +"</tr>" +"<tr>"+ "<td>"+@item.Field1+"</td>"+"<td>"+@item.Field2+"</td>"
                                      +"<td>"+@item.Field3+"</td>" +"</tr>" +"<tr>"+ "<td>"+@lblField4+"</td>"
                                      +"<td>"+@lblField5+"</td>" +"<td>"+@lblField6+"</td>" +"</tr>"+"<tr>"+
                                      "<td>"+"</td>"+ "<td>"+@item.Field4+"</td>" +"<td>"+@item.Field5+"</td>"
                                      +"<td>"+@item.Field6+"</td>" +"</tr>" +"</table>"))))

【讨论】：