如何在MVC4中显示图像网格

Question

I have to show images in table format like below in MVC-4

-------------------------------
|  Image  |  image  |  Image  |
-------------------------------
|  Image  |  image  |  Image  |
-------------------------------
|  Image  |  image  |  Image  |
-------------------------------

Paging display records 0-9 of page 1

<<   <   1   2   3   >   >> 

For this in simple ASP.NET I am using DataList or repeater and in MVC4 I am using partial View but I am not able to show in that view like above format so can anyone help me to create partial view like above?

Or if you have any better idea then please guide me which type of control I should use for this.

If you have any reference link then it will also very helpful to me.

View:

@foreach 
(var item in Model) 
{ 
    <tr> 
    <td>
    @
    {
        string img; 
        if (item.AgentImage != null) 
        { 
            img = item.AgentImage.Replace("~", ".."); 
        } 
        else 
        { 
            img = item.AgentImage; 
        }
    } 
    <img src = '@img' height="80px" width="100px" /> 
    </td> 
    </tr> 
}

Answer 1

If your code in view looks like you wrote in comment. You need to add rows every third element. The simplest change into your code could look like following:

 @foreach (var item in Model) { 
    <tr> <td>
        @{
            string img; 

            if (item.AgentImage != null) 
            { img = item.AgentImage.Replace("~", ".."); } 
            else 
            { img = item.AgentImage; }

            var i=0;
            if (i % 3 == 0) {
                Html.Raw("</tr><tr>"); //End old row and start new one
            }
            i++;
        } 
        <img src = '@img' height="80px" width="100px" /> 
    </td></tr> 
}