asp:Repeater中实现隔行换色

最新推荐文章于 2016-08-01 13:39:00 发布

lprebok

最新推荐文章于 2016-08-01 13:39:00 发布

阅读量924

点赞数

分类专栏： C# 文章标签： asp.net C#

C# 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

第一种方法：

<asp:Repeater ID="Repeater1" runat="server">
            <ItemTemplate>
                <tr style='background-color: <%#(Container.ItemIndex%2==0)?"#fff":"#ccc"%>'>

                <%--间隔两行换色--%>
               <%-- <tr style='background-color: <%#((Container.ItemIndex)%4==0||(Container.ItemIndex-1)%4==0)?"#fff":"#ccc"%>'> --%>
                    <td>
                        <%# Eval("ID") %>
                    </td>
                    <td>
                        <%# Eval("Name") %>
                    </td>
                    <td>
                        <%# Eval("Address") %>
                    </td>
                </tr>
            </ItemTemplate>
        </asp:Repeater>

第二种方法：

<ul id="list">  
<asp:Repeater ID="rptTest" runat="server">  
<ItemTemplate>  
<li class="odd"><%#Container.ItemIndex+1 %>.<%#Eval("Title") %></li>  
</ItemTemplate>  
<AlternatingItemTemplate>  
<li class="even"><%#Container.ItemIndex+1 %>.<%#Eval("Title") %></li>  
</AlternatingItemTemplate>  
</asp:Repeater>  
</ul>