如何排除表头的js事件?

https://help.fanruan.com/finereport/doc-view-1201.html?source=4#今天看了这个帮助文档里的连接,讲的是鼠标悬停变色,但是我如果想排除对表头的设置该如何针对性修改事件的设置呢,或者说js代码里需要添加参数排除表头?

又具体看了下帮助文档里的案例,他这个表头进行了什么设置可以自动识别出来是表头啊,具体表现在添加悬停变色js后悬停表头而不变色

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

JS实现分页预览鼠标悬停所在的行列同时改变背景色- FineReport帮助文档 - 全面的报表使用教程和学习资料 (fanruan.com)

下载最后的文件。里面有多个效果。最后一个就是排除了标题行的

表头不受影响.png

image.png

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

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

//注意报表的第一行是0,所以如果你的标题有2行,你就把数字改成1就行了,表示大于1,即从第三行开始变色

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

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

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

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

  })

 $(".x-table tr[tridx!='0']").mouseout(function(){

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

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

 })

77999.gif

  • GaoXinYuan14 GaoXinYuan14(提问者) 大佬୧(๑•̀◡•́๑)૭亲测可以,而且代码量很少,比帮助文档里面的看起来轻松多了
    2023-04-01 10:23 
  • 2关注人数
  • 259浏览人数
  • 最后回答于:2023-4-1 10:19
    请选择关闭问题的原因
    确定 取消
    返回顶部