JS鼠标悬停行与列同时变色，如何使表头不随之变色

JS实现鼠标点击行与列同时变色：https://help.fanruan.com/finereport/doc-view-4348.html

这段代码会使行和列同时变色，但是表头也会随之变色。

_g().addEffect('highlightCross',{

color: 'yellow',

trigger: 'mouseover',

single:true

});

解决办法：选中表头部分，样式从跟随主题改成自定义，背景选图片，插入一张预先做好的纯色背景图即可。

 

导出不行，导出后标题没有背景色

/** 行程数据鼠标经过样式设置 **/

//_obj 是 tr 对象  
var _obj = $(".x-table tr");
//_length 是 tr 行数   
var _length = _obj.length-1;

for (var i = 0; i < _length; i++) {
       
    //从第几行开始
    if (i < 7) {
                continue;
        }

        //鼠标经过
        _obj.eq(i).mousemove(function() {
                $(this).css("background-color", "#FAFAFA"); //所在行背景色
        });

        //鼠标点击
        _obj.eq(i).mousedown(function() {
                $(this).css("background-color", "#E7F5FE"); //所在行背景色
        });

        //鼠标离开
        _obj.eq(i).mouseout(function() {
                //所在行背景色
                $(this).css("background-color", "#FFFFFF"); //所在行背景色
        });
}

addEffect 失效了 为啥