Tooltips within ngx-datatable are partially hidden behind row borders

Question

Tooltips within an ngx-datatable are partially hidden behind row borders.

I tried changing the z-index for .tooltip-inner. But it didn't had an effect.

Any ideas why, how can it be fixed?

https://stackblitz.com/edit/angular-cvaq2e?file=app%2Fapp.component.html

Move over the Edit buttons, the tooltips are behind the row borders.

• Table version: 11.2.0 with bootstrap theme
• Angular version: 5.2.3
• Browser: firefox, chrome
• Language: TS

Answer 1

The stackblitz thing doesn't work so I'm guessing slightly as to what tooltips you are using. If you're using ng-bootstrap, you should be able to add

container="body"

as attribute to each element that triggers the tooltip.