在asp.net中自定義GridView佈局

我目前正致力於在asp.net網站上顯示一個遊戲庫。我已將遊戲信息（如姓名，封面圖片等）存儲在數據庫中，我想從數據庫中檢索遊戲並將其顯示在我的網站上。現在，我正在使用GridView來獲取數據。它得到的值uname（視頻遊戲的名稱）和uimg（針對遊戲封面圖片）從我的表，並顯示它是這樣的：在asp.net中自定義GridView佈局

enter image description here

不過，我想編輯的佈局，使它看起來是這樣的：

enter image description here

因此，大家可以看到，這裏的uname的正下方uimg顯示，並與像每行3場比賽。

代碼（只是在Visual Studio中使用標準的GridView）看起來像這樣到目前爲止。 Default.aspx的：

<asp:GridView ID="GridView1" runat="server" CellPadding="1" ForeColor="#333333" GridLines="None" AutoGenerateColumns="false"> 
     <AlternatingRowStyle BackColor="White" /> 
     <EditRowStyle BackColor="#7C6F57" /> 
     <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" /> 
     <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" /> 
     <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" /> 
     <RowStyle BackColor="#E3EAEB" /> 
     <SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" /> 
     <SortedAscendingCellStyle BackColor="#F8FAFA" /> 
     <SortedAscendingHeaderStyle BackColor="#246B61" /> 
     <SortedDescendingCellStyle BackColor="#D4DFE1" /> 
     <SortedDescendingHeaderStyle BackColor="#15524A" /> 
     <Columns> 
      <asp:TemplateField HeaderText="Name"> 
       <ItemTemplate> 
        <asp:HyperLink ID="lbl1" runat="server" NavigateUrl='<%#Eval("unavurl") %>' Text='<%#Eval("uname") %>' /> 
       </ItemTemplate> 
      </asp:TemplateField> 
      <asp:TemplateField HeaderText="Image"> 
       <ItemTemplate> 
        <asp:HyperLink ID="img" runat="server" ImageUrl='<%#Eval("uimg") %>' NavigateUrl='<%#Eval("unavurl") %>' ImageHeight="159" ImageWidth="128" /> 
       </ItemTemplate> 
      </asp:TemplateField> 
     </Columns> 
    </asp:GridView>

而且，只需將它添加，這裏的C＃代碼：

SqlDataAdapter da = new SqlDataAdapter("select uname,uimg,unavurl from games", con); 
    DataTable dt = new DataTable(); 
    da.Fill(dt); 
    GridView1.DataSource = dt; 
    DataBind();

因此，沒有人知道我能做到這一點？這可以用Gridview來完成，還是應該看看不同的東西？謝謝！

來源

2014-03-27 Boxiom

你可以用GridView來做到這一點。請記住，它只是放出一個HTML表格。所以你可以用CSS來設計它。 – mason