How do you show x items per row in a repeater?

前端 未结 7 1989
予麋鹿
予麋鹿 2020-12-19 12:49

Anyone have any clue on how to show 4 items going horizontal with a repeater? A repeater shows items going down by default. Here is my test repeater code so far:



        
相关标签:
7条回答
  • 2020-12-19 13:33

    Modifying Nick's suggestion I was able to use to make a 5 horizontal x n vertical Image Grid. Thanks Nick!

    <asp:Repeater ID="colorsList" runat="server">
        <HeaderTemplate>
            <table>
            <tr>
        </HeaderTemplate>
        <ItemTemplate>
            <%# (Container.ItemIndex != 0 && Container.ItemIndex % 5 == 0) ? @"</tr><tr>" : string.Empty %>
            <td>
            <div><img src="<%#ColorThumbnailImage((string)DataBinder.Eval(Container.DataItem, "COLOR_SQUARE_IMAGE")) %>" /></div>
            <div><%# DataBinder.Eval(Container.DataItem, "COLOR_NAME") %></div>
            </td>
        </ItemTemplate>
        <FooterTemplate>
            </tr></table>
        </FooterTemplate>
        </asp:Repeater>
    

    And here's ColorThumbnailImage

     protected string ColorThumbnailImage(string fileName)
    {
        return Request.ApplicationPath + MySports.System.Configuration.ColorSquareImageLocation + fileName;
    }
    
    0 讨论(0)
提交回复
热议问题