JS实现决策报表报表块鼠标所在单元格/行的样式-https://help.finereport.com/doc-view-2961.html

https://help.finereport.com/doc-view-2961.html 

参考这个文档就OK

选中你需要的报表块 ，点击控件设置，添加初始化后事件

是这一整段呐~~

02-JS实现决策报表报表块鼠标所在单元格行的样式.frm

setTimeout(function() {
//鼠标经过时
$(".x-table.REPORT1table tr").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.REPORT1table tr").mousedown(function() {
//单元格所在行颜色为黄色
$(this).css("color", "yellow");
//单元格所在行背景为黑色
$(this).css("background-color", "black");
//单元格所在行字体加粗
$(this).css("font-weight", "bold");
//单元格所在行添加上划线
$(this).css("text-decoration", "overline");
//单元格所在行字体:13px  
$(this).find("td").css("font-size", "13px");
});
//鼠标离开
$(".x-table.REPORT1table tr").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);