CODEWITHSUNDEEP
cssbootstrap-modalag-gridag-grid-angular
user2006254
user2006254

Reputation: 1

Custom tool tip in ag-grid angular is partially visible

I am trying to implement custom tool tip in ag-grid, but the tooltip is partially visible.

For reference, i have source code present in Plunker. There are two ag-arid instances as an example. If you mouse over on first ag-grid on first column of last row, tooltip is partially visible.

is there a way to show full content of tooltip.

link to the code: 'http://plnkr.co/edit/QBfY00iJ8sxkZqym'

Updated Pic

Upvotes: 0

Views: 3375

Answers (2)

Lily
Lily

Reputation: 1

Try the following style in your tooltip style class:

z-index: 9999 !important;
overflow: visible !important;
white-space: normal !important;

Upvotes: 0

ViqMontana
ViqMontana

Reputation: 5698

You need to set a height on the :host selector in your custom tooltip component. E.g. set it to 300px, then the tooltip should display above your mouse pointer when on the last row, allowing it be completely visible.

Demo.

Upvotes: 1

Related Questions