Repeater 绑定数据实现行字体，行背景变色问题

最新推荐文章于 2021-11-08 11:31:04 发布

原创

最新推荐文章于 2021-11-08 11:31:04 发布 · 3.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#server #class #border #asp #object

本文介绍了如何使用ASP.NET的Repeater控件结合ItemDataBound事件来实现行背景色和字体颜色的交替变化。通过判断ItemIndex，可以设置奇数行背景为红色、字体为黑色，偶数行背景为黑色、字体为红色，从而达到视觉效果。

下面这种能实现一行一行的变色。

<asp:Repeater ID="Repeater1" runat="server" >
<ItemTemplate>
<table width="97%" height="25" border="0" align="center" cellpadding="0" cellspacing="0" style="border-bottom:1px #999999 dotted;">
<tr id="row" runat="server">
<td width="3%" align="center" class="cheng"> ·</td>
<td width="97%" class="hei12" align=left>
<a href="#" title="<%#Eval("titleName")%>" target="_blank">
<font color='#ff0000'><%#Eval("titleName")%></font>(<%#Eval("AddTime", "{0:MM/dd}")%>) </a></td>
</tr>
</table>
</ItemTemplate>
<AlternatingItemTemplate>
<table width="97%" height="25" border="0" align="center" cellpadding="0" cellspacing="0" style="border-bottom:1px #999999 dotted;">
<tr id="row" runat="server">
<td width="3%" align="center" class="cheng">·</td>
<td width="97%" class="hei12" align=left>