使用js实现鼠标悬停行背景色改变,单sheet的没问题。放到多sheet里面,就出错了。

$(".x-table tr:gt(3)").mouseover(function(){

//.x-table限制表格部分,tr:gt(3)表示要大于第3行才变颜色,你自己去调整。。

window.color=$(this).find("td").css("background");

 //将当前颜色赋值给全局变量color                                                                          

         $(this).find("td").css("background","yellow");

 //将当前行下的所有td的背景色变为黄色

  })

 $(".x-table tr:gt(3)").mouseout(function(){

          $(this).find("td").css("background",color); 

//将当前行下的所有td的背景色变为原色 

 })

在填报页面设置里面加载了一个加载结束事件,里面是如上的js,实现功能:第三行后鼠标悬停在哪行上面,哪行变色,移除后颜色恢复。

在单个sheet里面使用的时候没问题,放到多sheet的填报里,就有问题了:第二张sheet表头鼠标悬停变色,出问题后,再回到第一张sheet,底色都变了。

FineReport magicsong 发布于 2023-9-18 12:02
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
ID1208Lv6高级互助
发布于2023-9-18 13:19
最佳回答
0
yzm180820Lv5初级互助
发布于2023-9-18 13:03

用css的hover事件

  • 3关注人数
  • 228浏览人数
  • 最后回答于:2023-9-18 13:19
    请选择关闭问题的原因
    确定 取消
    返回顶部