nee*_*eel 1 c# html5 asp.net-mvc-4
我正在使用c#在MVC4中完成我的项目.我的模型中有一个IEnumerable列表.我使用以下循环在我的视图中列出.
<table id="memberlist">
<tbody>
@foreach(var item in Model)
{
<tr>
<td>Rtn. @item.Mem_NA<br />(@item.Mem_Occ)</td>
</tr>
}
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
其实我想要输出如下表所示
<table id="memberlist">
<tbody>
<tr>
<td>Rtn.item.Mem_NA1<br />(item.Mem_Occ1)</td>
<td>Rtn.item.Mem_NA2<br />(item.Mem_Occ2)</td>
<td>Rtn.item.Mem_NA3<br />(item.Mem_Occ3)</td>
</tr>
<tr>
<td>Rtn.item.Mem_NA4<br />(item.Mem_Occ4)</td>
<td>Rtn.item.Mem_NA5<br />(item.Mem_Occ5)</td>
<td>Rtn.item.Mem_NA6<br />(item.Mem_Occ6)</td>
</tr>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
是否可以使用foreach循环生成上面的表.或者更好地使用div而不是table.请帮我
首先,完全可以这样做.其次,你不应该这样做.考虑使用<div />
使布局"流动".使用div创建的"表"将随窗口调整大小.
@{
int groupings = 3;
var grouped = Model.Select((x,i) => new { x, i = i / groupings })
.GroupBy(x => x.i, x => x.x);
}
<table id="memberlist">
<tbody>
@foreach(var items in grouped)
{
<tr>
@foreach(var item in items)
{
<td>Rtn. @item.Mem_NA<br />(@item.Mem_Occ)</td>
}
</tr>
}
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
使用div你会......
@foreach(var item in Model)
{
<div style="float:left;">Rtn. @item.Mem_NA<br />(@item.Mem_Occ)</div>
}
Run Code Online (Sandbox Code Playgroud)