返回顶部
首页 > 资讯 > 精选 >V5填报表如何通过 JS 实现实现隔行异色的效果
  • 281
分享到

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

2023-06-04 04:06:25 281人浏览 八月长安
摘要

V5填报表如何通过 js 实现实现隔行异色的效果,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。V5 版本填报表单元格属性中,单元格的前景背景颜色没有提供浏览式报表的表达式属

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

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

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

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

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

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

       vartable=document.getElementById(sgid+“0”);

       for(vari=2;i<table.rows.length;i++){

              if(i%2==0){

                     table.rows_.style.background=‘#F7F7F7’;

                            }

              }

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

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

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

--结束END--

本文标题: V5填报表如何通过 JS 实现实现隔行异色的效果

本文链接: https://www.lsjlt.com/news/236422.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • V5填报表如何通过 JS 实现实现隔行异色的效果
    V5填报表如何通过 JS 实现实现隔行异色的效果,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。V5 版本填报表单元格属性中,单元格的前景背景颜色没有提供浏览式报表的表达式属...
    99+
    2023-06-04
  • JS如何实现列表页面隔行变色效果
    小编给大家分享一下JS如何实现列表页面隔行变色效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!先看看隔行变色效果:代码:<...
    99+
    2024-04-02
  • JS如何实现表格隔行变色
    这篇文章主要为大家展示了“JS如何实现表格隔行变色”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JS如何实现表格隔行变色”这篇文章吧。具体内容如下用到的鼠标事件:(1)鼠标经过 onmouseo...
    99+
    2023-06-29
  • JS如何实现隔行换色的表格排序
    这篇文章给大家分享的是有关JS如何实现隔行换色的表格排序的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1、获取元素    2、获取数据 &...
    99+
    2024-04-02
  • 如何使用jQuery实现隔行变色效果
    这篇文章主要介绍了如何使用jQuery实现隔行变色效果的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇如何使用jQuery实现隔行变色效果文章都会有所收获,下面我们一起来看看吧。...
    99+
    2024-04-02
  • android表格效果之ListView隔行变色实现代码
    首先继承SimpleAdapter 代码如下: package meetweb.net.util; import java.util.List; import java.ut...
    99+
    2022-06-06
    listview Android
  • javascript如何实现表单隔行变色
    本篇内容主要讲解“javascript如何实现表单隔行变色”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript如何实现表单隔行变色”吧!效果如下:代码思路:用到鼠标经过onmous...
    99+
    2023-07-02
  • js实现表格的隔行变色和上下移动
    本文实例为大家分享了js实现表格的隔行变色和上下移动的具体代码,供大家参考,具体内容如下 话不多说,先看效果图: 点击上移或下移 table样式: <style>  ...
    99+
    2024-04-02
  • 如何通过JS/CSS实现网页返回顶部效果
    这篇文章给大家分享的是有关如何通过JS/CSS实现网页返回顶部效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。CSS 按钮样式:#myBtn {display: none; p...
    99+
    2024-04-02
  • js如何实现彩色条纹滚动条效果
    这篇文章主要介绍了js如何实现彩色条纹滚动条效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。左侧可用调色板选择条纹颜色效果图:代码如下:&...
    99+
    2024-04-02
  • js如何通过Date对象实现倒计时动画效果
    小编给大家分享一下js如何通过Date对象实现倒计时动画效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!js通过Date对象实...
    99+
    2024-04-02
  • css3+js如何实现3D行星运转效果
    这篇文章给大家分享的是有关css3+js如何实现3D行星运转效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。HTML部分<div class="pat...
    99+
    2024-04-02
  • js如何实现华丽的九九乘法表效果
    这篇文章主要为大家展示了“js如何实现华丽的九九乘法表效果”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“js如何实现华丽的九九乘法表效果”这篇文章吧。效果图:代...
    99+
    2024-04-02
  • canvas如何通过像素处理实现反色、黑白等美颜效果
    这篇文章主要介绍了canvas如何通过像素处理实现反色、黑白等美颜效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。   getImage...
    99+
    2024-04-02
  • Vue如何实现列表上下过渡效果
    这篇文章主要介绍Vue如何实现列表上下过渡效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!最终效果某列的数据由 X 位置上升到 Y 位置的过渡效果技术点 visibility: h...
    99+
    2024-04-02
  • 如何通过CSS实现鼠标悬停时的特效效果
    CSS是一种用于美化和定制网页的样式表语言,它可以使我们的网页更加生动和吸引人。其中,通过CSS实现鼠标悬停时的特效效果是一种常见的方式,可以为网页添加一些互动和动态性。本文将介绍一些常见的悬停特效,并提供相应的代码示例。高亮背景色当鼠标悬...
    99+
    2023-10-21
    CSS特效 实现 鼠标悬停
  • css如何实现鼠标点击表格变色效果
    这篇文章主要介绍了css如何实现鼠标点击表格变色效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 在css中,...
    99+
    2024-04-02
  • 如何通过css3背景控制属性+使用颜色过渡实现渐变效果
    小编给大家分享一下如何通过css3背景控制属性+使用颜色过渡实现渐变效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!css3背景图像相关background-c...
    99+
    2023-06-08
  • 如何通过css动画实现一个表格滚动轮播效果
    这篇文章主要介绍了如何通过css动画实现一个表格滚动轮播效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。css动画的一个应用,与此前的css走马灯同样的内容。只是一次不同的...
    99+
    2023-06-08
  • js如何实现文字滚动的效果
    这篇文章主要介绍“js如何实现文字滚动的效果”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“js如何实现文字滚动的效果”文章能帮助大家解决问题。1、取值:(1)writing-mode:horizon...
    99+
    2023-07-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作