Using a jQuery selector on a dgrid column header

311
2
Jump to solution
05-15-2019 10:20 AM
JayHill
Occasional Contributor II

I am trying to dynamically add tooltips to each column header in each of my dgrid tables. When trying to accomplish this with jQuery, I get nothing selected. I need some guidance as far as syntax goes. Here is an example of the column header element from the inspector.

#grid-header > tr > th.dgrid-cell.dgrid-column-1.field-commonName.dgrid-sortable

Tags (3)
0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Esteemed Contributor

Jay,

  I am not a jQuery user but here is how to do it using just JS.

grid.on("th.field-commonName:mouseover", function(){
  console.info("hover");
  //do your tooltip here
});‍‍‍

View solution in original post

2 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

Jay,

  I am not a jQuery user but here is how to do it using just JS.

grid.on("th.field-commonName:mouseover", function(){
  console.info("hover");
  //do your tooltip here
});‍‍‍
JayHill
Occasional Contributor II

thanks Robert!

0 Kudos