Is it possible to update the renderer function that helps to display image in the table cell to also render a popup message on mouse hover as shown here?
This will help using the rhandsontable for molecular structure rendering besides so many other uses.
Is it possible to update the renderer function that helps to display image in the table cell to also render a popup message on mouse hover as shown here?
This will help using the rhandsontable for molecular structure rendering besides so many other uses.
renderer = "function(instance, td, tr, row, col, prop, value, cellProperties) { var escaped = Handsontable.helper.stringify(value),img; if (escaped.indexOf('http') === 0) {img = document.createElement('IMG');img.src = value; img.style.width = '150px'; img.style.height = '150px'; Handsontable.dom.addEvent(img, 'mouseover', function (e){e.preventDefault(); }); Handsontable.dom.empty(td);td.appendChild(img);};return td;}"
From Stackoverflow
callback=JS( 'table.on("mouseover","tr", function() { $(".small-img").hover(function(){ $(this).css("transform", "scale(3, 3)"); }, function(){ $(this).css("transform", "none"); }); })'
)