(ASP.NET)怎么利用Repeater控件在一行显示多个数据

   Repeater是比较简单易用的控件,实现代码非常简洁美观舒服,但缺点是它所拥有的功能有点少了,需要自己实现自己想要的效果。就例如有10个数据源name1、name2、name3。。。。。。要像下面这样显示:

name1    name2     name3

name4    name5     name6

name7    name8     name9

name10

直接用结果就是一行只显示一个数据,那该怎么样实现呢?请看以下代码:

前端关键代码:

<div id ="div_listbook" class="f1" style="width:400px;">
    <asp:Repeater ID="r_book" runat="server">
	<HeaderTemplate><table></HeaderTemplate>
	    <ItemTemplate>
		<td style="width:200px;float:left;">
		    <!--在此绑定数据-->
		</td>
	    </ItemTemplate>
	<FooterTemplate></table></FooterTemplate>
    </asp:Repeater>
</div>


解释一下关键点部分,第一层的div是用来规定总宽度大小,而唯一的td层的style属性是用来规定每一个数据的宽度大小,只有超出了总宽度范围才会换行,那么这里总宽度为400px,td层的宽度为100px,也就是说一行显示四列数据,明白了吗?大笑


至于后台的话,也就剩下数据绑定这个操作啦,我就不再记录啦。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值