以固定列数显示表中的记录 [英] Display records in table with fixed number of columns

问题描述

<table>
@{var counter = 1; }
<tr>
    @foreach (var item in Model)
{
        <td>
            @Html.DisplayFor(modelItem => item.courseName)
            @Html.DisplayFor(modelItem => item.courseSubject)
            @Html.DisplayFor(modelItem => item.institute)
        </td>
        if (counter % 3 == 0)
    {
            @:</tr><tr> 
    }
}
       </tr>
</table>

我想在每行3列的表中显示记录。这就是我尝试的方式。但仍然是所有记录在一行。我怎么能做到。

I want to display records in a table with 3 columns per row. This is the way how I tried. But still all records in one row. How i can made it.

推荐答案

你需要更新循环内的计数器变量。应该这样做。

You need to update the counter variable inside the loop. That should do it.

<table>
    @{var counter = 1; }
    <tr>
        @foreach (var item in Model)
        {
            <td>
                @Html.DisplayFor(modelItem => item.courseName)
            </td>
            if(counter%3 == 0)
             {
                 @:</tr><tr>
             }
            counter++;
        }
    </tr>
</table>

这篇关于以固定列数显示表中的记录的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！