首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

Repeater控件兑现两列的效果

2012-10-18 
Repeater控件实现两列的效果asp:repeater idrpExterior runatserver ItemTemplate%if (i 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> 

热点排行