asp.net - データリストまたはリストビューをグリッドのように表示する

Question

データリストまたはリストビューアイテムを単一の垂直列ではなくグリッドとしてリストするようにするにはどうすればよいですか？私が欲しいのは、リストのアイテムを上下に並べるのではなく、グリッドとして表示することです。データベースから読み取った従業員の写真のリストがあり、それらをグリッドに配置したいので、Amazonがこのページで行うのとまったく同じように、空のスペースを利用してページのスクロールを減らします。グリッドとして表示されるようにリストを構成するにはどうすればよいですか？

Answer 1

次のように作成できます。

<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（ "FirstName"）+ "" + Eval（ "LastName"）％> <％＃Eval（ "ContactType"）％> <％＃Eval（ "ID "）％> <％＃Eval（" FirstName "）+" "+ Eval（" LastName "）％> <％＃Eval（" ContactType "）％>

Answer 2

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

Answer 3

RepeatColumn属性を2以上に設定します。