tooltip was hidden by pinned column

Question

visions:

• angular: 2.4.9
• ag-grid-angular: 16.0.0
• bootstrap: 4.0.0-alpha.5
• ngx-bootstrap: 1.6.6

I use ag-grid to frozen the first two column of table, and then overwrite tooltip width which is longer than the second column. Then it looks like this:

enter image description here

the right of tooltip was covered by columns.

I tried to set

z-index: 99999 !import

but not work. Does anyone know?

Answer 1

Append tooltip to body.

<button type="button" class="btn btn-success"
            tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
            container="body">

Add container="body" attribute with the tooltip.