在循环/ foreach MVC视图中动态生成表格

Question

我现在正在编写一些非常差的代码，甚至在我保存之前，我希望得到一些改进它的输入。我试图建立一个有三个单元格到每一行的HTML表格。如果集合有5个项目，那么它应该呈现为两行。

我写的代码目前为止我看不到很强大，需要不断的维护，但我不确定其他工具/方法来完成任务。

<table> 
    @foreach (VideosModel item in Model) 
    { 
     if (cellCount == 0 || cellCount == 3) 
     { 
      @Html.Raw("<tr>") 
     } 
      <td style="padding:0px 20px;"> 
       @item.VideoTitle <br /> 
       <a href="@item.VideoUrl" target="_blank"> 
        <img src="../../.../Video.jpg" /> <br /> 
       </a> 
       @item.VideoDescription 
       <br /> 
      </td> 

     cellCount++; 

     if (cellCount == 3 || cellCount == 6) 
     { 
      @Html.Raw("</tr>") 
     } 

     if (cellCount > 3) { cellCount = 0; } 
    } 
</table> 

Answer 1

你应该使用模考虑，而不是cellCount的值进行比较，以0,3或6：

<table> 
    @foreach (VideosModel item in Model) 
    { 
     if (cellCount % 3 == 0) 
     { 
      @:<tr> 
     } 
      <td style="padding:0px 20px;"> 
       @item.VideoTitle <br /> 
       <a href="@item.VideoUrl" target="_blank"> 
        <img src="../../.../Video.jpg" /> 
       </a><br /> 
       @item.VideoDescription 
       <br /> 
      </td> 

     cellCount++; 

     if (cellCount % 3 == 0) 
     { 
      @:</tr> 
     } 
    } 
</table>