Tabulator mouseenter仅第二次起作用

问题描述 投票:0回答:1

您好,我有一张大桌子,我想有一个弹出工具提示,当用户在某个特定单元格上运行鼠标时,该提示会显示来自外部文件的图形。我使用tippy作为一个库来提供工具提示和制表符以呈现表]

我的定义中有以下内容

  columns:[
               {width:10,headerSort:false}, 
               {title:"league", field:"league",width:50,headerSort:false,visible:false,formatter:"html"},
               {title:"img/clock.png", field:"time", sorter:"date",width:40,titleFormatter:"image",headerSort:false,headerTooltip:"Time gone"},
               {title:"img/goal.png", field:"score", sorter:"string",width:70,formatter:"html",align:"center",headerSort:false,titleFormatter:"image",headerTooltip:"Current Score"},
               {title:"teams", field:"team",headerSort:false, formatter:"html",width:160},
               {title:"matchid", field:"matchid",visible:false},
               {title:"draw", field:"draw",visible:false},
               {title:"homescore", field:"homescore",visible:false},
               {title:"awayscore", field:"awayscore",visible:false},
               {title:"img/pressure2.png",field:"pi1",width:30,formatter:"html",titleFormatter:"image",headerSort:false,align:"center",headerTooltip:"Attacking Pressure1",
 cellMouseEnter:function(e, cell, row){var row=cell.getRow().getData();                var celldata=cell.getElement();tippy(celldata, {  content: "<iframe style=\"background:#FFFFFF;\" src=\"../pressure/showgraph.php?="+row.matchid+"&pi=pi1\" width=440 height=225></iframe>",maxWidth:"440px",a11y: false,arrow:true,
                })},},

我有一个让我发疯的问题

  1. [当我第一次将鼠标放在pi1单元上没有任何反应时,我没有工具提示,如果我将鼠标移开并将其放置一秒钟或其他任何时间,我都会完美地获得工具提示

任何帮助都将不胜感激

tooltip tabulator tippyjs
1个回答
0
投票

您找到此问题的解决方案了吗?

© www.soinside.com 2019 - 2024. All rights reserved.