如何改变行的样式,鼠标划到哪一行哪一行背景改变

如何改变行的样式,鼠标划到哪一行哪一行背景改变,这样可以增强体验感

FineReport szksi8 发布于 2021-2-26 15:51
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共6回答
最佳回答
0
177741977Lv6初级互助
发布于2021-2-26 15:54

停悬事件:https://help.fanruan.com/finereport/doc-view-1625.html

最佳回答
1
UHXDLv5见习互助
发布于2021-2-26 16:02(编辑于 2021-2-26 16:13)

// 实现了对单元格的变色  红色文字为变为什么颜色

 $('.x-table tr [tridx!=0]').bind(" mouseover", function() { if ($(this).parent().attr("tridx") != '0') { $(this).parent().children().attr("style", "background-color:rgb(255,255,0);\\" + $(this).siblings().attr("style")) } }); 

// 实现了对单元格颜色的恢复 

$('.x-table tr [tridx!=0]').bind(" mouseleave", function() { if ($(this).parent().attr("tridx") != '0') { $(this).parent().children().attr("style", $(this).siblings().attr("style").substr(33)) } });

image.png

JS模板.cpt

最佳回答
0
snrtuemcLv8专家互助
发布于2021-2-26 15:52

参考JS实现鼠标悬浮同时改变多行背景色-https://help.fanruan.com/finereport/doc-view-3051.html

最佳回答
0
linbodingLv6中级互助
发布于2021-2-26 15:52
最佳回答
0
驭潇Lv2见习互助
发布于4 天前(编辑于 4 天前

JS实现鼠标点击的行变色- FineReport帮助文档 - 全面的报表使用教程和学习资料

_g().addEffect('highlightRow', {

color: 'lightgreen',

trigger: 'mouseover',

single:false

});划过变色

最佳回答
0
szksi8Lv6见习互助
发布于3 天前

已解决

  • 6关注人数
  • 963浏览人数
  • 最后回答于:3 天前
    请选择关闭问题的原因
    确定 取消
    返回顶部