当前位置: 代码迷 >> ASP.NET >> Repeater控件兑现两列的效果
  详细解决方案

Repeater控件兑现两列的效果

热度:128   发布时间:2013-02-25 00:00:00.0
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>
  相关解决方案