Repeater如何做到一行显示两列数据。
后台代码
- C# code
protected void Page_Load(object sender, EventArgs e) { this.RepeaterProduct.DataSource = ProductTable; this.RepeaterProduct.DataBind(); }前台代码
我这样的前台代码的方式一行显示是两列,但两列的数据是一样的。不知要怎么解决
- HTML code
<div class="v2"> <asp:Repeater ID="RepeaterProduct" runat="server"> <ItemTemplate> <ul class="pro_lst1 clearfix"> <li class="fl border_r"> <div class="pic_v2 fl"> <img src="../ProductImg/hrm.png" /> </div> <div class="info_v2 fr"> <h3><%#Eval("ProductName") %></a></h3> <div class="space_t"> <a class="btn1_v2" >立即下载</a> </div> </div> </li> <li class="fl"> <div class="pic_v2 fl"> <img src="../ProductImg/hrm.png" /> </div> <div class="info_v2 fr"> <h3><%#Eval("ProductName") %></h3> <a class="btn1_v2 stress sepa_rs" >立即下载</a> </div> </div> </li> </ul> <hr class="solid_v2" /></ItemTemplate></asp:Repeater></div>[解决办法]
<ul class="pro_lst1 clearfix">
<asp:Repeater ID="RepeaterProduct" runat="server">
<ItemTemplate>
<li class="fl border_r">
<div class="pic_v2 fl">
<img src="../ProductImg/hrm.png" />
</div>
<div class="info_v2 fr">
<h3><%#Eval("ProductName") %></a></h3>
<div class="space_t">
<a class="btn1_v2" >立即下载</a>
</div>
</div>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>