ITPub博客

首页 > 应用开发 > IT综合 > 页面表格怎么实现隔行异色、隔行变色

页面表格怎么实现隔行异色、隔行变色

IT综合 作者:xiaohuihui 时间:2020-06-24 09:08:51 0 删除 编辑

举例:采用 css+js 的方法,实现表格的隔行异色,需要如下几步:

1png

  1. 定义 css 表格样式,如边框、宽度、颜色

  2. 在 js 中,创建 func()函数,并通过 onload 设置页面加载完成时,调用 func() 函数

  3. 通过 getElementById、getElementsByTagName 方法获得表格所有的行对象,通过 for 循环遍历表格每一行,根据奇偶行调用不同的样式类。

如果需要处理的表格较多,每次这样写会很麻烦。

一般报表工具都能支持这种功能,只需要使用内置函数即可,这样就简单得多,可以参 报表设计技巧之隔行异色

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69900830/viewspace-2700369/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2018-12-01

  • 博文量
    326
  • 访问量
    194621