Google Charts/ Google Table, put tooltip on header row.
A strange problem was seen while trying to enhance google table to add tooltip like function on the header of the table. This problem has few steps, as I am putting down below. How to add tooltip like function on the column of the google table Google data structures for charting work well for the tooltip for all other charts but when you try to put the tooltip in the header of a google table, no inbuilt mechanism works. To solve this we can use following method on either jquery 'hover' or 'mouseover' functions.This will Javascript function drawTable (jsondata){ var d = JSON. parse (jsondata); var tooltip = d[ 0 ]; var table = new google.visualization .Table( document . getElementById ( 'table_div' )); table.draw(tableData, {showRowNumber: false }); var mouseover = function () { var index = jQuery(this) .index (); $ (" #tooltip ") .html (tooltip[index]); }; var mouseout = function () { $ (" #tooltip ...