表格(Table)隔行变色_.NET_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > .NET > 表格(Table)隔行变色

表格(Table)隔行变色

 2014/5/9 17:30:04  Insus.NET  博客园  我要评论(0)
  • 摘要:在ASP.NET的Repeater控件,实现隔行变色,是极简单的事情。因为它有ListItemType.Item和ListItemType.AlternatingItem模版。如果在普通的表格(Table)来实现隔行变色,就得使用css样式与jQuery来解决。先来看看原始的表格样式:打开视图:在视图中,添加样式:由于此视图是使用.getJSON()异步加载数据,因此得在加载完成之后,得马上给这个动态的表格添加上面的样式:网页运行后的效果:
  • 标签:表格

在ASP.NET的Repeater控件,实现隔行变色,是极简单的事情。因为它有ListItemType.Item和ListItemType.AlternatingItem模版。
如果在普通的表格(Table)来实现隔行变色,就得使用css样式与jQuery来解决。

先来看看原始的表格样式:

 

打开视图:

 

在视图中,添加样式:


由于此视图是使用.getJSON()异步加载数据,因此得在加载完成之后,得马上给这个动态的表格添加上面的样式:

 

网页运行后的效果:

 

发表评论
用户名: 匿名