决策报表鼠标移动背景变色如何实现

鼠标移动到合同金额,然后背景变蓝,字体变白,在决策报表下该如何实现,其他的同理

image.pngimage.png

FineReport JavaScript YUXIAOKUN 发布于 2022-9-2 15:05
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
snrtuemcLv8专家互助
发布于2022-9-2 15:07(编辑于 2022-9-2 15:12)

body初始化事件

setTimeout(function() {

$("div[widgetName^=REPORT]").hover(function() {

$(this).css("background-color", "blue").css("color", "white");

},

function() {

$(this).css("background-color", "white").css("color", "blue");

}

)

}, 100)

  • YUXIAOKUN YUXIAOKUN(提问者) 不是这个意思,是报表块里面的内容鼠标移动变色,不是整个报表块背景变色
    2022-09-02 15:13 
  • snrtuemc snrtuemc 回复 YUXIAOKUN(提问者) 那就参考修改单元格背景接口-https://help.fanruan.com/finereport/doc-view-4301.html,修改单元格字体接口-https://help.fanruan.com/finereport/doc-view-4302.html
    2022-09-02 15:15 
  • YUXIAOKUN YUXIAOKUN(提问者) 回复 snrtuemc 算是解决了。
    2022-09-02 16:10 
最佳回答
1
congerLv6高级互助
发布于2022-9-2 15:06(编辑于 2022-9-2 15:33)

用JS的hover实现

方便的话你私信我 远程给你找一下CSS属性

参考模板

鼠标移入改边颜色.zip

如果是扩展的单元格,可以遍历一下tbody,把对应元素进行变色

image.png

  • YUXIAOKUN YUXIAOKUN(提问者) 上班呐~
    2022-09-02 15:12 
  • conger conger 回复 YUXIAOKUN(提问者) 那你可以截图一下F12,把你的元素信息发出来
    2022-09-02 15:13 
  • conger conger 回复 YUXIAOKUN(提问者) 我上传了模板,可以参考一下
    2022-09-02 15:20 
最佳回答
0
花无缺爱吃鱼Lv6初级互助
发布于2022-9-2 15:24

这个还挺麻烦,一个单元格里有两种颜色,你的文字和数值放在一个单元格里的么?

  • 4关注人数
  • 389浏览人数
  • 最后回答于:2022-9-2 15:33
    请选择关闭问题的原因
    确定 取消
    返回顶部