JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.google.com/jsapi?.js"></script>
<div id="table"></div>

JavaScript

function drawVisualization() {
    var data = google.visualization.arrayToDataTable([
        ['MON', 'TUE', 'WED','THUR', 'FRI', 'SAT'],
        ['apple', 'banana', 'melon','apple', 'banana', 'melon']        
    ]);
    
    var visualization = new google.visualization.Table(document.getElementById('table'));
    
    function alertCellContents () {
        alert(this.innerHTML);
    }
    
    google.visualization.events.addListener(visualization, 'ready', function () {
        // set up mouse event handlers on table elements
        var tds = document.querySelectorAll('.google-visualization-table-td');
        if (document.addEventListener) {
            for (var i = 0; i < tds.length; i++) {
                tds[i].addEventListener('mouseover', alertCellContents);
            }
        }
        else if (document.attachEvent) {
            for (var i = 0; i < tds.length; i++) {
                tds[i].attachEvent('onmouseover', alertCellContents);
            }
        }
        else {
            for (var i = 0; i < tds.length; i++) {
                tds[i].onmouseover = alertCellContents;
            }
        }                

    });
    visualization.draw(data, null);
}
google.load('visualization', '1', {packages:['table'], callback: drawVisualization});