datalist隔行不同颜色

ASP DataList 实现表格行交替颜色
最新推荐文章于 2019-08-24 16:37:52 发布
原创 最新推荐文章于 2019-08-24 16:37:52 发布 · 1.8k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#border #table #asp

这篇博客展示了如何使用ASP的DataList控件来创建一个表格，并实现行的交替颜色显示，以提高数据可读性。内容包括HeaderTemplate和AlternatingItemTemplate的设置，以及如何通过DataBinder.Eval绑定数据。
<asp:DataList Runat="server" ID="NominateList" Width="100%" BorderWidth="0" HorizontalAlign="center">
                                                    <HeaderTemplate>
                                                    <table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#003300" ID="Table10">
                                                      <thead bgcolor="blue" style="color:white">
                                                     <tr bgcolor="#325F60" style="cursor:hand;">
                                                        <td width="9%" height="30"><div align="center">Member ID</div></td>
                                                        <td width="9%"><div align="center">Member name</div></td>
                                                        <td width="9%"><div align="center">Register date </div></td>
                                                        <td width="4%"><div align="center">Register country</div></td>
                                                        <td width="5%"><div align="center">Order quantity /level</div></td>
                                                      </tr>
                                                      </thead>
                                                    </table>
                                                    </HeaderTemplate>
                                                    <ItemTemplate> 
                                                    <table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF" ID="Table10">
                                                      <tr bgcolor="#e8ece8" style="cursor:hand;"> 
                                                        <td width="9%" align="center" height=25><a href="Member_Admin_Show_Xpt.aspx?Member_Code=<%# DataBinder.Eval(Container.DataItem,"Member_Code")%>&Pink_Code=<%# DataBinder.Eval(Container.DataItem,"Pink_Code")%>"><%# DataBinder.Eval(Container.DataItem,"Member_Code")%></a></td>
                                                        <td width="9%" align="center"><%# DataBinder.Eval(Container.DataItem,"Member_Name")%></td>
                                                        <td width="9%" align="center"><%# Get_Time(DataBinder.Eval(Container.DataItem,"Member_RegTime").ToString())%></td>
                                                        <td width="4%" align="center"><%# Get_Member_Country(DataBinder.Eval(Container.DataItem,"Country").ToString())%></td>
                                                        <td width="5%" align="center"><%# DataBinder.Eval(Container.DataItem,"Country_Price")%>
                                                          个 / 
                                                          <%# Get_MemberClass(Convert.ToInt32(DataBinder.Eval(Container.DataItem,"RegType")))%> </td>
                                                      </tr>
                                                    </table>
                                                    </ItemTemplate>
                                                    <AlternatingItemTemplate>
                                                    <table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF" ID="Table10">
                                                      <tr bgcolor="lightblue"  style="cursor:hand;"> 
                                                        <td width="9%" align="center" height=25><a href="Member_Admin_Show_Xpt.aspx?Member_Code=<%# DataBinder.Eval(Container.DataItem,"Member_Code")%>&Pink_Code=<%# DataBinder.Eval(Container.DataItem,"Pink_Code")%>"><%# DataBinder.Eval(Container.DataItem,"Member_Code")%></a></td>
                                                        <td width="9%" align="center"><%# DataBinder.Eval(Container.DataItem,"Member_Name")%></td>
                                                        <td width="9%" align="center"><%# Get_Time(DataBinder.Eval(Container.DataItem,"Member_RegTime").ToString())%></td>
                                                        <td width="4%" align="center"><%# Get_Member_Country(DataBinder.Eval(Container.DataItem,"Country").ToString())%></td>
                                                        <td width="5%" align="center"><%# DataBinder.Eval(Container.DataItem,"Country_Price")%>
                                                           / 
                                                          <%# Get_MemberClass(Convert.ToInt32(DataBinder.Eval(Container.DataItem,"RegType")))%> </td>
                                                      </tr>
                                                    </table>
                                                    </AlternatingItemTemplate>
                                            </asp:DataList>
 
利用Repeater中的AlternatingItemTemplate实现table隔行变色
奔跑的蚂蚁
10-16 2261
首先先介绍一下AlternatingItemTemplate，用于定义交替项呈现的内容和布局。所谓的交替项方式，就是在Repeater控件和DataList控件中允许奇偶项以不同的内容和布局形式显示数据，其中奇数行由AlternatingItemTemplate模板定义（索引号从1开始），偶数行由ItemTemplate模板定义（引号从0开始）。若仅定义了ItemTemplate模板而未定义Alt
下拉框左右移动 表格隔行显示不同颜色 分页代码
04-09
上传到公司 明天写代码用。 这都是经典的代码。
HTML5新特性
02-09 217
1.Canvas 1.1矩形和线条的绘制 通过fillStyle和strokeStyle 属性可以轻松的设置矩形的填充和线条。颜色值使用方法和CSS 一样：十六进制数、rgb()、rgba() 和 hsla。通过 fillRect可以绘制带填充的矩形。使用 strokeRect 可以绘制只有边框没有填充的矩形。如果想清除部分 canvas可以使用clearRect。上述三个方法...
[原创]DataList横向排列数据如何实现交替行变色!
weixin_33893473的博客
09-07 146
昨天群里一个网友在说交替行变色的问题,我一看，这很简单啊，不就是设置一下交替项的背景色不就行了吗?本身DataList他的样式也提供设置啊，不会吗?但是他给我说了。他数据是设置一行显示N条数据的，所以如果说设置了那个交替项的背景色的话根本就没用.这样设置了后，变成对项起作用了。就是说一行有N项,然后那个交替色就变成在这N项当中交替了..... 啊!看来我把问题看简单了!当时我想好像很少遇...
DataList的交替显示颜色
甜心奶酪的专栏
01-14 1202
如何实现DataList中当RepeatColumns=2 , RepeatDirection=Horizontal 一行显示一种颜色,而不是一个列显示一种颜色？方法如下：for( int i = 0 ; i {     int row = i / 2; //2为每行显示的列数     if ( row % 2 == 0 )     {       DataList1.Items[ i ]
关于数据绑定的时候判断Repeater中数据改变其整行颜色
denuvead之.NET学习之旅
06-10 4760
PagedDataSource版 protected void rpInCome_ItemDataBound(object sender, RepeaterItemEventArgs e) { if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType==ListItemType.AlternatingItem)
android实现listview隔行颜色不同
04-14
下面我们将按照以下步骤来实现隔行颜色不同的效果： 1. **创建自定义适配器**： 首先，我们需要创建一个新的类，继承自`SimpleAdapter`。在这个类中，我们将重写`getView()`方法，这是决定ListView中每个条目视图...
WPF Grid 隔行换色
06-20
在处理大量数据时，为了提高可读性，我们经常会在`Grid`中实现隔行换色的效果，就像电子表格那样。这种效果可以使用户更容易区分和识别数据行，提升用户体验。以下将详细讲解如何在WPF中实现`Grid`隔行换色。 首先...
Repeater隔行换色示例（vs2010做的）
08-12
如果需要自定义颜色或者实现更复杂的样式，可以在CSS中定义类，然后在模板中引用这些类，以此来替换内联样式。 总的来说，`Repeater`控件是ASP.NET中实现动态列表的强大工具，而隔行换色是一个常见的美化技巧，可以...
JQuery中文文档
07-14
其中 `.altrow` 类用于设置偶数行的背景颜色，这样可以区分不同的行。但是这种方法对于大型表格来说不够灵活。 **使用 JQuery 解决隔行变色问题：** 利用 JQuery，我们可以用几行代码自动实现隔行变色，而无需手动...
DataList 改变行颜色
gwf25sz的专栏
05-12 1698
<asp:DataList ID="dlPT" runat="server" Width="100%" DataKeyField="ID" OnItemCommand="dlPT_ItemCommand" OnItemDataBound="dlPT_ItemDataBound">
在datalist中显示不同颜色（方式）的列表
积累，专注，一步一个脚印！
12-01 876
<table align="center" border="0" cellpadding="0" cellspacing="0" width="620"> 【】将ID
隔行显示不同的背景
weixin_30708329的博客
03-24 116
前台代码： Code 1<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default"%> 2 3<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http...
Android：横行滚动且隔行变色的ListView控件
doris_d的专栏
06-05 2729
自定义可横向滚动，并隔行变色的ListView控件
ListBox隔行显示Items背景颜色
LJianDong的博客
08-24 903
AlternationCount="2" 属性 <ListBox.ItemContainerStyle> <Style TargetType="ListBoxItem"> <Style.Triggers&gt...
隐藏表格＜ＴＤ＞
jimlong的专栏
05-06 4142
只隐藏某一个格TD width="16%" vAlign="middle" class="style2" style="display:none">看不到我
掌握repeater与Datalist使用技巧
标题中的“repeater”和“Datalist”指的都是ASP.NET Web表单中的两个服务器控件，它们用于以不同方式显示数据源中的数据项。在ASP.NET中，它们被广泛用于数据绑定的场景，用于将数据以列表形式展示给用户。 首先，...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值