Html table layout when binding with asp.net C# repeater

Question

I have asp repeater which looks like this

<asp:Repeater runat="server" ID="Repeater1">
            <HeaderTemplate>
                <table border="1">
            </HeaderTemplate>
            <ItemTemplate>
                <tr>
                    <td>
                        <%# Eval("Username")%>
                    </td>
                </tr>
            </ItemTemplate>
            <FooterTemplate>
                </table>
            </FooterTemplate>
        </asp:Repeater>

How can I make table layout like this?

Answer 1

A Repeater is a for-loop like structure for rendering markup.

You can accomplish what you're trying to do by using a nested repeater: Outside repeater for <tr>'s and wrap your <td>'s in another repeater.

You can also accomplish this by using asp:DataList control, which is a more elegant solution to what you're trying to do.

Answer 2

Try Listview

http://weblogs.asp.net/scottgu/archive/2007/08/10/the-asp-listview-control-part-1-building-a-product-listing-page-with-clean-css-ui.aspx

  <asp:ListView ID="ContactsListView" 
        DataSourceID="ContactsDataSource" 
        GroupItemCount="2"        
        runat="server">

        <ItemTemplate>

                        <%# Eval("Username")%>

        </ItemTemplate>

      </asp:ListView>