Sanfoor says:
<asp:DataList ID="dlRooms" EnableViewState="false" runat="server" RepeatColumns="1" RepeatDirection="Horizontal"> <HeaderTemplate> <ul class="block"> </HeaderTemplate> <ItemTemplate> <div id="div1" class="dragItem"> <div id="<%# Container.ItemIndex + 1 %>" style="text-align: center; font-size: 18px; border: solid 1px"> <%# Container.ItemIndex + 1 %></div> <li id="username" runat="server"> <%# Eval("Column2")%></li><li id="roomId" runat="server" style="visibility: hidden"> <%# Eval("Column2")%></li> </div> </ItemTemplate> </asp:DataList>
Where is GridView in your Code ??
Anyway if you want to fill your grid client side then you just have to choose datasource and fill it with your desired columns..

If you want to fill your DataList then Follow this example ..
<asp:DataList ID="DataList1" runat="server" DataKeyField="FingerPrintID"
DataSourceID="S">
<ItemTemplate>
FingerPrintID:
<asp:Label ID="FingerPrintIDLabel" runat="server"
Text='<%# Eval("FingerPrintID") %>' />
</ItemTemplate>
</asp:DataList>
<asp:SqlDataSource ID="S" runat="server"
ConnectionString="<%$ ConnectionStrings:Goldmine_Connection %>"
SelectCommand="SELECT DISTINCT * FROM [Employee$]"></asp:SqlDataSource>