使數據列表或列表視圖顯示爲網格

Question

如何使datalist或listview項目被列爲網格而不是單個垂直列？ 我想要的是列表中的項目顯示爲網格，而不是一個項目在另一個之下。我列出了從數據庫中讀取的員工照片列表，我想將它們放入網格中，以便利用空白區域並減少頁面中的滾動，exactly the way Amazon does it in this page。我如何配置列表顯示爲網格？

Answer 1

將RepeatColumn屬性設置爲2或更多。

Answer 2

#mygrid li { 
    float: left; 
    margin: 20px; 
    width: 200px; 
} 

Answer 3

您可以創建類似如下：

<LayoutTemplate> 
<table border="0" cellpadding="1"> 
<tr style="background-color:#E5E5FE"> 
<th align="left"><asp:LinkButton ID="lnkId" runat="server">Id</asp:LinkButton></th> 
<th align="left"><asp:LinkButton ID="lnkName" runat="server">Name</asp:LinkButton></th> 
<th align="left"><asp:LinkButton ID="lnkType" runat="server">Type</asp:LinkButton></th> 

<％＃的eval（ 「ID」）％> <％＃的eval（ 「名字」）+ 「」 +評估和演示（ 「名字」）％> <％＃的eval（ 「ContactType」）％> <％＃的eval（ 「ID」）％> <％＃的eval（ 「姓」）+ 「 」+ 的eval（「 名字 」）％> <％＃的eval（「 ContactType」）％>