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

 

页面上可以通过 css+js 的方法,通过判断表格奇偶行,使用 css 定义每行的颜色,达到隔行变色的效果。

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

1png

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

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

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

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

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

本文关键词

隔行异色

个性化样式控制

表格隔行变色