Wijmo flex grid header text tooltip

Wijmo flex grid header text tooltip

Posted by: lygiabao15ck1 on 7 October 2019, 12:30 pm EST

• 

  lygiabao15ck1

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 7 October 2019, 12:30 pm EST

  Hi,
  
  I want to tool in header flex grid by css class.

• 

  lygiabao15ck1

  • Post Options:
  • Link
    Copy

  Posted 7 October 2019, 12:30 pm EST

  tooltip not tool
  
  sorry sir

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 8 October 2019, 11:42 pm EST

  Hi,

  From what I understand, you wish to add a CSS class to the cells of column headers and show a tooltip on it. To achieve the desired behavior, you may add the CSS class using the cssClassAll property and use the mouseover event to show the tooltip. Please refer to the code snippet and the sample link below:

  initGrid(grid) {
  	grid.columnHeaders.rows[0].cssClassAll = 'has-tooltip';
  }
  onMouseOver(e) {
  	if(wjcCore.hasClass(e.target, 'has-tooltip')) {
  		this.tt.setTooltip(e.target, e.target.innerHTML);
  	}
  }
  

  https://stackblitz.com/edit/angular-dnkreb

  Let me know if this was your requirement or otherwise.

  Regards,
  
  Ashwin