表格(Table)隔行变色

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

打开视图:

表格(Table)隔行变色

在视图中,添加样式:
表格(Table)隔行变色


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

网页运行后的效果:
表格(Table)隔行变色

更多相关文章
  • /*table隔行变色*/    #customers tr {        background:#ffffff;    }         #customers tr:nth-child(2n+1) {            background: #A7C942;        }     ...
  • 以前以为Table隔行变色只能通过js和后台逻辑代码实现,但是今天帮同事处理Table隔行变色时发现css里面也能写逻辑代码:直接上代码(复制到本地运行查看效果):Table隔行变色
  • 隔行变色表格隔行变色+LI浮动隔行变色
    第一篇文章哈 随便写写表格隔行变色,一个很普通的js效果... 但是我非常不喜欢用table,一是代码累赘,再是...我通常用li写信息列表.例如相册列表,通常是用浮动排版,或者block-inline...一行有好几个li元素这时要隔行变色的话...首先假如总共有7个li,一行有3个li,那最后一 ...
  • 该插件乃本博客作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧. 此插件旨在实现表格隔行变色,且鼠标移动在表格的某一行上时,该行能高亮显示.整体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM ...
  • ReportingService通过RowNumber函数获取行号和生成隔行变色样式
    以前一直没有搞明白SSRS里面的RowNumber函数到底该怎么用,所以一直没有很好的办法在SSRS中的表格上实现隔行变色的样式,实现隔行变色的关键就是获取表格中每一行的行号.在最近了解了下这个函数,发现RowNumber函数“在某些时候”获取行号还是非常有用的,之所以说“某些时候”是因为RowNu ...
  • jquery实现的隔行变色代码实例: 隔行变色效果在大量的网站应用,尤其是表格或者新闻列表之类的结构,可以有效增强网站的辨识度,更为人性化,下面通过一个简单的实例介绍一下它的实现原理,至于它的美观度这里就不讲究了,代码实例如下: ){ $(this).css(odd); } else{ $(this ...
  • Action代码: [php]   public function index(){   $prod = I("get.prod_en");   $id = I("get.id", 0, "int");   if ($prod == &qu ...
  • 支持键盘上下键的隔行变色代码:隔行变色代码非常的常用,尤其是在新闻列表形式的场景,不过大多数都只是支持鼠标效果,而对键盘的上下键并不支持.下面就提供一段支持上下键的隔行变色效果代码.代码如下: ); }) </script> </head> <body> < ...
一周排行
  • CentOS6.4 LVS+keepalived高可用负载均衡服务配置  [  OK  ]
  • 深入理解CSS过渡transition
    × 目录 [1]定义 [2]过渡属性 [3]持续时间[4]延迟时间[5]时间函数[6]多值 ...
  • 最近项目比较忙额,白天要上班,晚上回来还需要做Angular知识点的ppt给同事,毕竟年底要辞职了,项目的后续开发还是需要有人接手的,所以就占用了晚上学习的时间.本来一直不打算写这些第三方插件的学习笔记,不过觉得按需 ...
  • 1. 基本知识点HTTP协议中几个状态码的含义:503 500 401 200 301 302...Include require include_once require_once 的区别.PHP/Mysql中几个 ...
  • SCVMM 2012 R2运维管理十三之:将资源添加到VMM库前面的博文为大家讲了如何向VMM中添加库服务器,在今天的博文中将和大家一起讨论如何将资源添加到VMM库,以方便我们的使用.我们可以使用以下过程将文件的资源 ...
  • 我们做计算机安全咨询的,在帮人解决问题或者做安全培训的时候,很多人会问到,如果判断我的电脑已经感染病毒了?听过我有关计算机病毒基础知识培训的应该比较清楚,早期的时候,我介绍一个叫传统的判断方法,但目前这个方法有点行不 ...
  • 本文转载请注明出处 —— polobymulberry-博客园 问题描述 我在User表中增加了两个列,分别为“我关注的人”(Relation关系)和“我的粉丝”(Relation关系)当我关注某个人的时候,一方面我 ...
  • Technorati 标签: dataguard,broker,failover,observer 配置好dataguard后,可以演练主库崩溃后的操作.一般有两种方式,一种是用oracle的dataguard br ...
  •   在UNIX和LINUX平台下使用最广泛的免费HTTP互联网和局域网)上发布信息成了一件很容易的事.它提供ISAPI(Intranet Server API)作为扩展Web服务器功能的编程接口;同时,它还提供一个I ...
  •         以前或多或少有碰到過類似的問題,總不知道如何解决,今天看到,轉載過來,留著備用,謝過作者,呵呵. 如果你的系统是 WinXP,在安装 Office2003 时出现了"不能访问 Windows ...