帆软报表添加鼠标悬置行 提示

鼠标悬至某行 下划线提示

效果:

 

代码:

模板 -->  web属性  --> 对应 填报、数据分析等类型 --> 下方添加事件 --> 加载结束  

$('.reportPane')[0].style.background = "#182f59";

var trs = $('.x-table tr');
trs.each(function(i, e) {
    if (i % 2 == 0) {
        e.style.backgroundColor = "#182f5b";
    } else {
        e.style.backgroundColor = "#0b1f44";
    }
    if(i == 1){
          e.style.backgroundImage = 'linear-gradient(120deg, #d4368d, #ff666c)';
     }
});


//var currentcell = contentPane.curLGP.currentTDCell;
//if (currentcell != undefined) {
//var currow = $('.x-table tr')[contentPane.curLGP.getTDRow(currentcell)];
//currow.style.backgroundColor = "#2f4b69";
//currow.style.borderStyle = "solid";
//currow.style.borderWidth = "3px";
//currow.style.borderColor = "#3881c6 #1e4570 #1e4570 #3881c6";
//};

//鼠标经过
$(".x-table tr").mousemove(function() {
    $(this).css("background-color", "#2f4b69");
    $(this).css("border-style", "solid");
    $(this).css("border-width", "3px");
    $(this).css("border-color", "#3881c6 #1e4570 #1e4570 #3881c6");
});
//鼠标点击
$(".x-table tr").mousedown(function() {
    $(this).css("background-color", "#2f4b69");
    $(this).css("border-style", "solid");
    $(this).css("border-width", "3px");
    $(this).css("border-color", "#3881c6 #1e4570 #1e4570 #3881c6");
});
//鼠标离开
$(".x-table tr").mouseout(function() {
    var i = $(this).context.rowIndex;
    $(this).css("border", "none");
    if (i % 2 == 0) {
        $(this).css("background-color", "#182f5b");
    } else {
        $(this).css("background-color", "#0b1f44");
    }
});

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值