当前位置:  编程技术>WEB前端

表格奇偶行设置不同颜色的核心JS代码

    来源: 互联网  发布时间:2014-08-25

    本文导语:  这是一个比较实用的功能,设置奇偶行颜色不同后阅读表格数据的体验明显变好,否则数据会显得非常繁杂拥挤(当表格数据行多时体验尤为明显)。只有当你自己真正做这方面的东西接触到时才有强烈的体会,反正我是刚刚...

这是一个比较实用的功能,设置奇偶行颜色不同后阅读表格数据的体验明显变好,否则数据会显得非常繁杂拥挤(当表格数据行多时体验尤为明显)。只有当你自己真正做这方面的东西接触到时才有强烈的体会,反正我是刚刚经历了,留在这里备参考吧~

核心JS脚本代码如下(table元素的id根据自己的情况调整,代码中的jquery-1.7.min.js可以到jquery的官网上下载)
代码如下:



$(document).ready(function(){
SetTableRowColor();

});
//用CSS控制奇偶行的颜色
function SetTableRowColor()
{

$("#Table tr:odd").css("background-color", "#e6e6fa");
$("#Table tr:even").css("background-color", "#fff0fa");
}


    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 基于DIV+ul+li实现的表格(多示例)
  • 1.怎样在页面上实现象excel一样的表格交互。2怎样把此表格入库???
  • HTML 表格标签样式用法详细介绍
  • JQuery实现动态表格点击按钮表格增加一行
  • 按照如下方法定义一个表格,我该如何动态的修改表格(如添加行和列,applet)
  • 我要把在applet里用swing的jtable展现的数据表格,实现打印的功能且可由用户选择需打印的列,该怎么办?不知这种表格能否也象jsp或javascript那样转换成excel呢?
  • 重新认识表格和一个访问无障碍的数据表格例子
  • <font color=blue>关于表格的正则表达式讨论(表格)
  • 顺表web电子表格
  • 电子表格程序 mtCellEdit
  • jQuery表格插件 DataTables
  • jsp怎样才能使从数据库读出来的表格信息以表格形式全部输出到浏览器上呢?
  • HTML表格格式化 Tablecloth
  • MooTools表格插件 moodgets Grid
  • jQuery表格插件 ayGrid
  • jQuery 数据表格插件 jqxGrid
  • 网页数据表格组件 Sigma Grid
  • 响应式的表格插件 Tablesaw
  • jQuery 表格插件 cGrid
  • jQuery 表格插件 jui_datagrid
  • jQuery表格插件 colResizable


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3