千家信息网

V5填报表如何通过 JS 实现实现隔行异色的效果

发表于:2025-01-23 作者:千家信息网编辑
千家信息网最后更新 2025年01月23日,V5填报表如何通过 JS 实现实现隔行异色的效果,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。V5 版本填报表单元格属性中,单元格的
千家信息网最后更新 2025年01月23日V5填报表如何通过 JS 实现实现隔行异色的效果

V5填报表如何通过 JS 实现实现隔行异色的效果,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

V5 版本填报表单元格属性中,单元格的前景背景颜色没有提供浏览式报表的表达式属性设置,所以不能通过条件表达式来实现隔行异色的效果,在填报表中如果需要实现隔行异色的效果可以通过 JS 实现。

下面是设计器下自带的填报表实例 2.1sht 在页面展现的原始效果:

以该报表上为例,使单双行显示不同的背景色。

在报表展现的页面如 showInput.jsp 中增加下面的 JS:

vartable=document.getElementById(sgid+"0");

for(vari=2;i

if(i%2==0){

table.rows_.style.background='#F7F7F7';

}

}

在 web 端通过通过增加了上述 JS 的页面访问 2.1.sht 即可实现如下效果

关于V5填报表如何通过 JS 实现实现隔行异色的效果问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注行业资讯频道了解更多相关知识。

0