ngx-data table tooltip issue.

[shekarsoft]

<ngx-datatable-column class="label-info" name="Property Address" [sortable]="false" title="name.value"> <span class="shownformat" [innerHTML]="row['PropertyAddress']" title="{{value}}" data-toggle="tooltip">{{value}}>
.

I'm submitting a ... (check one with "x")

[ ] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior

Expected behavior

Reproduction of the problem

What is the motivation / use case for changing the behavior?

Please tell us about your environment:

• Table version: 0.8.x

• Angular version: 2.0.x

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

• Language: [all | TypeScript X.X | ES6/7 | ES5]

[shekarsoft]

I am unable to view title,tooltip for ngx-data table column.

[yudarik]

+1 The ngx-bootstrap and ngx-tooltip are both not displayed correctly when used inside ngx-datatable. The tooltip is covered by the next/prev table row (depends on the tooltip position).

[cyberbobjr]

It seems that using these options for ngx-bootstrap tootltip works :

container="body"
[adaptivePosition]="false"

[samih-dev]

thanks cyberbobjr. this also works for popover using ngx-boostrap in my case.