读书人

Repeater控件兑现两列的效果

发布时间: 2012-10-18 13:46:56 作者: rapoo

Repeater控件实现两列的效果
<asp:repeater id="rpExterior" runat="server" >
<ItemTemplate>
<% if (i == 0)
{%>

<tr> <% } %>

<td colspan="2" align="center"> <%# Eval("Exterior")%> </td>
<%if (i == 1)
{%>

</tr>
<%} i = (i + 1) % 2; %>


</ItemTemplate>

</asp:repeater>

结果
<tr>

<td colspan="2" align="center"> 电动天窗 </td>



<td colspan="2" align="center"> LED高位刹车灯 </td>


</tr>



<tr>

<td colspan="2" align="center"> 无骨雨刷 </td>



<td colspan="2" align="center"> 钨色镀铬前格栅 </td>


</tr>



<tr>

<td colspan="2" align="center"> 前大灯延时关闭 </td>



就这样结束了 最后要加个 td 跟 tr 请问怎么写

如果数据为偶数就没有问题 单数就有问题了

[解决办法]

探讨

请给位帮帮忙 看下

[解决办法]
标准的做法是用div + css
C# code
<div style="width:260px; clear:both; height:200px; overflow:hidden;"><asp:repeater id="rptList1" runat="server"><ItemTemplate>    <div style="float:left; width:120px; height:25px; line-height:25px; overflow:hidden; text-align:left; margin-left:5px; margin-right:5px; margin-bottom:10px;">      aaaa    </div></ItemTemplate></asp:repeater></div>
[解决办法]
HTML code
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="12title" ID="Table5"><asp:repeater id="rptList1" runat="server"><ItemTemplate><tr><td>11</td><td>22</td></tr></ItemTemplate></asp:repeater></table>
[解决办法]
C# code
<asp:repeater id="rptList1" runat="server"><ItemTemplate><ul><li>ssssssssssss</li><li>sssssssssssss</li></ul><ul><li>ssssssssssss</li><li>sssssssssssss</li></ul></ItemTemplate></asp:repeater><style type="text/css">ul{    list-style-type:none;  width:220px;border-bottom:1px  red  dotted}li{    width:100px;float:left;border-right:1px  red  dotted;}</style> 

读书人网 >asp.net

热点推荐