Tooltip in pq-grid-header

[bsolteam]

Hi,
     I want to show a tooltip when I click the Header part. Is there any event is available for header click. Am not seeing any where. I have used the following code to get the alert for clicking the header part.

Code: [Select]

$( "#grid_json .pq-grid-header-table  tbody tr:nth-child(2) td.pq-grid-col:nth-child(2)" ).click(function() {
alert("Header");
}); This is working for second header. But this is not working on data is remote. For local data only it is working. I need for data location is remote.  Also I need a proper thing to know which column header am selecting.  Please give some ideas.

[paramvir]

Tooltips are displayed on mouseover and they can be defined in the markup of column.title property as

colModel: [ { title: '<span title = "tooltip title">Column Title</span>' , other properties ...  }]

[argo]

This doesn't allow the entire header to have a tooltip, only the text itself. For example, if the column header is two rows in size but one column is only a single row of text, the entire blank area below the header text won't trigger the tooltip.

Is there a way to add a tooltip to the entire column header rather than just the content within the title?

[paramvir]

Tooltips can be added to entire header cells in refreshHeader event.

Code: [Select]

refreshHeader: function(){               
  var $cell = $(this).pqGrid( 'getCellHeader' , {colIndx: 0});
          //var $cell = this.getCellHeader( {colIndx: 0}); //for version 3.2.0
          $cell.attr("title", "my tooltip").tooltip();
},

Example: http://jsfiddle.net/9tL0xr06/1/

[argo]

Awesome. Thanks!