html - 表内逻辑。对于格式化的每个循环

Question

有没有一种方法可以将 tds 限制为 4 或以下设置中的任何数字......请参阅下面的代码。现在，它在一行中显示所有模型项目(根据代码应该如此)。如果项目是一打，它们都显示在一行中。我想要一种方法来在每一行中显示这四个而不是在一行中显示所有...(我是在谈论表中的表吗？)这可以吗完成了吗？

<table>
  <tr>
       @foreach (var item in Model)
       {
            <td>     
                 @Html.DisplayFor(modelItem => item.fld1)
                 @Html.DisplayFor(modelItem => item.fld2)                       
            </td>      
       }
  </tr>
</table>

Answer 1

你可以将它们分组:

@{
    var chunkSize = 4;
    var groupedResult =
        from i in Model.Select((value, index) => new { Value = value, Index = index })
        group i.Value by i.Index / chunkSize into g
        select g;
}

<table>
    @foreach (var result in groupedResult)
    {
        <tr>
            @foreach (var item in result)
            {
                <td>
                    @Html.DisplayFor(modelItem => item.fld1)
                    @Html.DisplayFor(modelItem => item.fld2)  
                </td>
            }
        </tr>
    }
</table>

很明显，您需要这样做意味着您的 View 模型不适合此 View 。因此，调整它并在您的 Controller 操作中执行此分组。然后您的 View 将变得简单且可读，而不是像一些意大利面条代码。