表格 隔行颜色不同 Css

原创 2006年05月18日 20:00:00

<style>
.mytb {
 width:300px;
 height:20px;
 border-bottom: 1px #f00 solid;
}
.mytb th {
 background-color: #ff9d7f;
 border: 1px #ff9d7f solid;
 border-bottom: 1px #f00 solid;
}
.mytb td {
 text-align: center;
   background-color:expression((this.parentElement.sectionRowIndex%2==0)?'#efffa7':'#fff');
 border-top:expression((this.parentElement.sectionRowIndex%2==0)?'1px #00f solid':'0px');
 border-bottom:expression((this.parentElement.sectionRowIndex%2==0)?'1px #00f solid':'0px');

 border-left:expression((this.cellIndex==0)?'1px #f00 solid':'0px');
 border-right:expression((this.cellIndex==2)?'1px #f00 solid':'0px');
}
</style>
<table class="mytb" cellspacing="0" cellpadding="0">
<tr><th>000</th><th>000</th><th>000</th></tr>
<tr><td>000</td><td>000</td><td>000</td></tr>
<tr><td>000</td><td>000</td><td>000</td></tr>
<tr><td>000</td><td>000</td><td>000</td></tr>
</table>

表格颜色自动隔行变色

  • 2013年11月15日 13:58
  • 1KB
  • 下载

devexpress表格控件gridcontrol设置隔行变色、焦点行颜色、设置(改变)显示值、固定列不移动(附源码)

介绍一些常用的gridcontrol设置。 1、设置隔行变色。首先设置显示隔行变色,步骤:OptionsView-->EnableAppearanceEvenRow-->true和Options...

(28)表格隔行变色,并且鼠标移入高亮显示,鼠标移出显示原来的颜色

基本思想:采用表格中某一行的

jquery中tablesorter隔行颜色变化以及对应表格拖拽技术

一.表格隔行变色 对于jquery,实现table的行排序功能非常的简单,一般来说,实现隔行显示也是非常容易的,自己在jquery的tablesorter插件的基础上,实现了自动的表格隔行变色,另外...
  • xdp0901
  • xdp0901
  • 2012年12月24日 14:07
  • 370

用JQuery实现表格隔行换颜色

最近在学习Jquery,其实很多论坛中都有一个特点就是每张贴都是隔行换颜色的,相信这点大家可能发现。那么怎样实现这种功能呢。方法有3种:     方法一:使用CSS样式,定义两个类的样式,分别使用到...

DataGridView隔行显示不同的颜色

================================== 方法一、DataGridView隔行显示不同的颜色 AlternatingRowsDefaultCellStyle 属性获取或设置...
  • yelisen
  • yelisen
  • 2011年06月06日 13:56
  • 537

angular jQuery css html混合table表格查询 排序 添加 删除 隔行换色

//第一步还是要导包    //head的布局和控制    .xs{      cursor: pointer;    }     .first{             bac...

CSS表格隔行变色(IE支持)(转)

Member List.datalist{border:1px solid #0058a3; /* 表格边框 */font-family:Arial;border-collapse:collapse;...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:表格 隔行颜色不同 Css
举报原因:
原因补充:

(最多只允许输入30个字)