JSP网页循环变量表格,如何实现隔行变色?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JSP网页循环变量表格,如何实现隔行变色?相关的知识,希望对你有一定的参考价值。

目前用<c:forEach var=></forEach>可以做到循环提取数据,但是不能隔行。
希望做到的效果如图所示:

请高手帮解决,十分感激!

参考技术A <c:forEach var="student" items="$ students" varStatus="status">
<tr>
<td>$ status.index + 1</td>
<td>$ student.name</td>
</tr>
</c:forEach>

这里的status.index 就可以实现你要的追问

十分感谢您!
您这段代码和我写得是一样的,而增加status.index是在表格第一列加了数字序号,并不是我希望实现的隔行变色,可能是我没写明白,我希望实现的,读取数据第一行是底色是白色,第二行底色的蓝色,第三行是白色,第四行是蓝色。。。循环。

您的数字序号对我来说也非常有用,学习了,十分感谢!

请大家继续帮助。。。感谢!

追答

好吧 我以为你了解了。。。

--偶数行
........

--奇数行
........

然后:
写两个类样式就好了 如:

.even background : white;

.odd background : blue;

本回答被提问者采纳
参考技术B 参考代码如下:
<SCRIPT LANGUAGE=”javascript”>

window.onload = function()
doubleBgColor(document.getElementById(”table1“),”#f8fbfc“,”#e5f1f4“);


function doubleBgColor(Table,Bg1,Bg2)
for (var i=0;i<Table.rows.length;i++) Table.rows[i].bgColor=i%2?Bg2:Bg1;


</SCRIPT>

以上是关于JSP网页循环变量表格,如何实现隔行变色?的主要内容,如果未能解决你的问题,请参考以下文章

EL表达式中如何隔行变色

用JQuery实现表格隔行变色和突出显示当前行

Css3实现表格隔行变色或隔列变色

利用jQuery实现表格的隔行变色高亮显示

实现table表格各行变色代码实例

java中jsp在页面表格显示的时候 需要把过期的数据标红!如何实现啊!