通过style来控制隔行显示不同颜色 .
2013-06-14 23:29
381 查看
通过style来控制隔行显示不同颜色 .
<style>
tr{
bgcolor:expression(this.bgColor=((this.rowIndex)%2==0 )? 'green' : 'blue');
}
</style>
<table id="oTable" width="100" border="1" style="border-collapse:collapse;">
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr><tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr><tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr><tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
</table>
<style>
tr{
bgcolor:expression(this.bgColor=((this.rowIndex)%2==0 )? 'green' : 'blue');
}
</style>
<table id="oTable" width="100" border="1" style="border-collapse:collapse;">
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr><tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr><tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr><tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
</table>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 通过style来控制隔行显示不同颜色
- 用JS实现表格中隔行显示不同颜色
- listview的隔行显示不同颜色
- 用JS实现表格中隔行显示不同颜色
- CSS 隔行显示不同颜色
- RDLC报表隔行不同背景颜色显示的完美解决方案
- 网页表格隔行显示不同颜色，怎样实现？
- 设置水晶报表隔行显示不同颜色
- js 函数 隔行鼠标划过显示不同颜色
- DataGridView 隔行显示不同的颜色
- TextView通过Html，实现一行文字，颜色不同等显示
- UILabletext去掉乱码 控制颜色 行高 自定义大小 。显示不同的字体颜色、字体大小、行间距、首行缩进、下划线等属性（NSMutableAttributedString）
- WinForm------GridControl中通过判断单元格文字显示不同字体颜色或背景色
- FastReport中隔行显示不同的背景颜色及导出PDF文档出现中文字符
- windows控制台中使用不同颜色显示不同类型的日志
- css如何让表格或者行隔行显示背景颜色，单双交替显示不同的背景颜色
- JQuery来控制表格奇偶行的不同背景颜色显示
- struts2-隔行显示不同颜色
- 用JS实现表格中隔行显示不同颜色
- jtable隔行以不同颜色显示