每第4个循环新建一个表行 [英] New Table row every 4th loop

问题描述

如何在Razor View的每个第4个循环上创建一个新的表格行?这是为4之前的每个数字创建一个新行，然后退出创建新行:

How do I create a new table row on every 4th loop in my Razor View? This is creating a new row for each number before 4, and then quits creating new rows:

  @{
            int i = 0;
         }
         @foreach (var item in ViewBag.ProgramIdList)
         {

          if((i / 4) == 0)
          {
              @:<tr>
          }
          <td>
          <input type="checkbox" name="@item.ProgramId" id="@item.ProgramId" />   
         <label for="@item.ProgramTitle">@item.ProgramTitle</label>
         </td>
        if((i / 4) == 0) 
        {
        @:</tr>
          }
             i++;
         }

推荐答案

使用模运算符.对于:

if((i % 4) == 0)
{
  @:<tr>
}

和

if((i % 4) == 3)
{
  @:</tr>
}

如果项数未分成偶数行，则应在循环后添加其余单元格和结束行标记:

If the number of items doesn't divide into even rows, you would add the remaining cells and a closing row tag after the loop:

if ((i % 4) != 0) {
  while (i % 4) != 0) {
    @:<td></td>
    i++;
  }
  @:</tr>
}

这篇关于每第4个循环新建一个表行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！