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

emmmmmmm

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

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

_g().addEffect('highlightCross',{

color: 'yellow',

trigger: 'mouseover',

single:true

});

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

 

发表于 2022-11-25 09:32:33
发表于 2023-4-25 21:09:53
导出不行,导出后标题没有背景色
发表于 2023-6-30 09:00:54
/** 行程数据鼠标经过样式设置 **/

//_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"); //所在行背景色
        });
}
发表于 2024-10-31 15:43:52
addEffect 失效了 为啥
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

4回帖数 1关注人数 18595浏览人数
最后回复于:2024-10-31 15:43

返回顶部 返回列表