JS鼠标悬停至某单元格时改变单元格颜色

frm模板，里面有放一个report0报表块，报表块里有很多单元格。现在希望当鼠标悬停到某个单元格时，这个单元格就改变背景颜色，可以怎么实现？或者有没有什么可以参考修改的例子

版本是10.0，所以用不了addEffect

FineReport Juint 发布于 2024-8-9 09:48 （编辑于 2024-8-9 09:48）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共2回答

最佳回答

华莉星宸Lv7资深互助
发布于2024-8-9 09:51

10板块用这个改

JS实现分页预览鼠标悬停所在的行列同时改变背景色-https://help.fanruan.com/finereport10.0/doc-view-1625.html

举报收起评论(4)

Juint(提问者) 是决策报表里的某个报表块，这个也可以参考吗

2024-08-09 09:53

华莉星宸回复 Juint(提问者) 应该可以，文档没有说决策报表不行，我没测试过

2024-08-09 09:55

Juint(提问者) 回复华莉星宸 .x-table 这个是不是只能cpt的能用，有参考https://bbs.fanruan.com/thread-134372-1-1.html这个文档写的，但是也实现不了

2024-08-09 09:57

华莉星宸回复 Juint(提问者) 直接用这个可以，makeHeightCell，https://help.fanruan.com/finereport10.0/doc-view-3667.html#5

2024-08-09 10:01

ID1208Lv6高级互助
发布于2024-8-9 10:27（编辑于 2024-8-9 10:29）

参考--https://bbs.fanruan.com/thread-134372-1-1.html

根据实际情况调整，代码中的report0根据实际情况变化

report0初始化后事件

setTimeout(function() {

//鼠标经过时

$(".x-table.REPORT0table td").mousemove(function() {

//所在单元格字体颜色为红色

$(this).css("color", "red");

//所在单元格背景为蓝色

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

//所在单元格字体加粗

$(this).css("font-weight", "bold");

//所在单元格添加下划线

$(this).css("text-decoration", "underline");

//所在行单元格字体:11px

$(this).find("td").css("font-size", "11px");

});

//鼠标离开

$(".x-table.REPORT0table td").mouseout(function() {

//所在单元格字体颜色为黑色

$(this).css("color", "black");

//所在单元格背景为白色

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

//所在单元格字体正常

$(this).css("font-weight", "normal");

//所在单元格无下划线

$(this).css("text-decoration", "none");

//所在行单元格字体:9px

$(this).find("td").css("font-size", "9px");

});

}, 100);

3关注人数

192浏览人数

最后回答于：2024-8-9 10:29

活动推荐更多

热门课程更多

FineBI6.X零基础入门
免费学习

请选择关闭问题的原因

确定取消

提问

悬赏者（1）

撤回悬赏（1）

添加悬赏

请选择关闭问题的原因