FlexGrid and Tooltips

FlexGrid and Tooltips

Posted by: jason.brandt on 18 December 2018, 7:30 pm EST

• 

  jason.brandt

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 18 December 2018, 7:30 pm EST - Updated 3 October 2022, 8:15 pm EST

  How do we get tooltips which are in celltemplate content to display outside the cell for full readability?

  In this example I am simply using ng-bootstrap tooltips with angular 6…

  

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 19 December 2018, 12:52 am EST

  You need to set the container property of ngbTooltip to ‘body’ to append the tooltip to the body instead of the cell.
  
  You may read more about the container property here: https://ng-bootstrap.github.io/#/components/tooltip/examples#container
  
  You may also refer to the following sample which demonstrates the same: https://stackblitz.com/edit/angular-vbqijw?file=app%2Fapp.component.html

  ~Sharad

• 

  jason.brandt

  • Post Options:
  • Link
    Copy

  Posted 19 December 2018, 12:57 pm EST

  Ah, ok. I saw that, but I thought that had to be modified to the flexGrid code with that.

  Thank you for the clarification!