JSFiddle - React, Tailwind, and code Playground

by mpusarla

HTML

<span>Tool tip for oncellMouseOver</span>
<div id="basic_example"></div>

CSS

</style>

<link href="https://cdnjs.cloudflare.com/ajax/libs/handsontable/0.14.1/handsontable.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/handsontable/0.14.1/handsontable.full.js"></script>

<style type="text/css">
body {background: white; margin: 20px;}
h2 {margin: 20px 0;}

JavaScript

var container = document.getElementById('basic_example');
  
  var data = function () {
   return Handsontable.helper.createSpreadsheetData(100, 12);
  };
  
  var hot = new Handsontable(container, {
    data: data(),
    height: 396,
    colHeaders: true,
    rowHeaders: true,
    stretchH: 'all',
    columnSorting: true,
      comments: true,
      afterOnCellMouseOver: function(event, coords, tableData) { 
          if (coords.row === 1 && coords.col === 1 ) {
              alert("clicked");
          }
      }
  });