表格奇偶行设置不同颜色的核心JS代码
2018-10-12 14:03
417 查看
这是一个比较实用的功能,设置奇偶行颜色不同后阅读表格数据的体验明显变好,否则数据会显得非常繁杂拥挤(当表格数据行多时体验尤为明显)。只有当你自己真正做这方面的东西接触到时才有强烈的体会,反正我是刚刚经历了,留在这里备参考吧~
核心JS脚本代码如下(table元素的id根据自己的情况调整,代码中的jquery-1.7.min.js可以到jquery的官网上下载)
核心JS脚本代码如下(table元素的id根据自己的情况调整,代码中的jquery-1.7.min.js可以到jquery的官网上下载)
<script src="jquery-1.7.min.js"></script>
<script>
$(document).ready(function(){
SetTableRowColor();
});
//用CSS控制奇偶行的颜色
function SetTableRowColor()
{
$("#Table tr:odd").css("background-color", "#e6e6fa");
$("#Table tr:even").css("background-color", "#fff0fa");
}
</scirpt>
您可能感兴趣的文章:
相关文章推荐
- 表格奇偶行设置不同颜色的核心JS代码
- 设置水晶报表隔行显示不同颜色
- 利用StateListDrawable当EditText获得,失去焦点时分别设置其内容的不同颜色
- Spire.Doc 教程:如何在单词文档中设置不同级别书签的颜色
- 设置log4j和logback,用不同的颜色显示不同的log level
- 用CSS设置字体颜色在火狐,IE6,IE7下不同
- (转)Reporting Service技巧(一):表格中奇偶行不同颜色的设置
- PADS 9.5 layout 设置不同过孔 网路的颜色
- excel设置下拉菜单,并且不同值会显示不同颜色
- android,在java代码中,如何给textview设置不同的颜色,以及引用color中资源设置颜色
- iOS设置UILabel的不同颜色字体
- JS中设置表格奇偶行不同颜色
- echarts如何给柱形图的每个柱子设置不同颜色
- Android——LinearLayout按下(state_pressed)或获取焦点时(state_focused)背景设置不同颜色或图片
- UILabel 设置不同颜色,不同字体
- 设置textview显示不同的字体和颜色
- Android自定义折线图,可设置基准线,不同点颜色
- Accordion (设置标题为不同颜色)
- 关于同一个lable不同字体和颜色的设置
- 应用键横竖屏切换;label中显示图片;不同类型设备适配的代码;UIWebView字体大小、字体颜色、背景色的设置;