新决策报表块，鼠标如何数据行移入变色。标题行不变色
setTimeout(function() {
$(".报表块单元格类名").mouseover(function() {
$(this).css("background-color", "颜色值"); // 悬浮变色
}).mouseleave(function() {
$(this).css("background-color", ""); // 离开恢复
});
}, 100);
标题行的背景 设置图片 就不会变色了
鼠标点击/悬浮时修改单元格背景接口 https://help.fanruan.com/finereport/doc-view-4301.html
// 等待报表渲染完成后执行（关键：帆软报表需要先加载完成才能获取DOM） setTimeout(function() { // 获取报表中所有行（普通报表的表格行通常在class为"x-table"的容器内） var rows = document.querySelectorAll('.x-table tr'); // 遍历所有行，绑定事件 rows.forEach(function(row) { // 获取当前行的tridx（帆软行索引） var tridx = parseInt(row.getAttribute('tridx') || -1); // 绑定鼠标悬停事件 row.addEventListener('mouseover', function() { // 排除首行（根据实际tridx修改，例如标题行可能是-1，第一行数据是0） if (tridx === -1 || tridx === 0) { return; // 首行不执行 } // 非首行设置红色背景 row.style.backgroundColor = 'red'; }); // 绑定鼠标移出事件（恢复颜色） row.addEventListener('mouseout', function() { if (tridx === -1 || tridx === 0) { return; } row.style.backgroundColor = ''; // 恢复默认 }); }); }, 1000); // 延迟1秒执行，确保报表已渲染完成
单元格所在行变色.zip
普通报表使用上述代码实现首行不变色仅供参考
1min目标场景问卷
立即参与
