利用Repeater中的AlternatingItemTemplate实现table隔行变色

        首先先介绍一下AlternatingItemTemplate，用于定义交替项呈现的内容和布局。所谓的交替项方式，就是在Repeater控件和DataList控件中允许奇偶项以不同的内容和布局形式显示数据，其中奇数行由AlternatingItemTemplate模板定义（索引号从1开始），偶数行由ItemTemplate模板定义（引号从0开始）。若仅定义了ItemTemplate模板而未定义AlternatingItemTemplate模板，则所有行全部按ItemTemplate模板指定的数据与布局形式显示。若仅定义了AlternatingItemTemplate模板而未定义ItemTemplate模板，则仅显示AlternatingItemTemplate模板指定的数据与布局形式的奇数行，偶数行不会显示。

 

 

<asp:Repeater id="rptrexiao" runat="server">       <AlternatingItemTemplate>          //带样式的table      </</AlternatingItemTemplate>     <ItemTemplate>     //不带样式的table     </ItemTemplate> </asp:Repeater>

以上两个table的内容是相同的

以下是我在程序中的应用

 

<asp:Repeater id="rptrexiao" runat="server">    <AlternatingItemTemplate>        <tr style="background:#fafafa;">    <td rowspan="3" style="height:100px;"><div class="zy_rx_title"><%#Eval("Title") %></div></td>    <td>CPU：<%#Eval("Z_Cpu") %></td>    <td >内存：<%#Eval("Z_Neicun") %></td>    </tr>   <tr  style="background:#fafafa;">       <td>硬盘：<%#Eval("Z_Yingpan") %></td>        <td>网络：<%#Eval("Z_Daikuan") %></td>    </tr> </AlternatingItemTemplate>     <ItemTemplate>        <tr>           <td rowspan="3" style="height:100px;"><div class="zy_rx_title"><%#Eval("Title") %></div></td>     <td>CPU：<%#Eval("Z_Cpu") %></td>      <td >内存：<%#Eval("Z_Neicun") %></td>   </tr>       <tr>          <td>硬盘：<%#Eval("Z_Yingpan") %></td>          <td>网络：<%#Eval("Z_Daikuan") %></td>     </tr> </ItemTemplate></asp:Repeater>