ngx-datatable + ng-tab having issue in tooltip view

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 Tooltip is displaying inside the ng-datable (datatable-body)

Expected behavior Tooltip should populate on top of table since I have given higher z-index & additon to this the solution which got to the problem md-tab-group, md-tab-body, .mat-tab-body-wrapper, .mat-tab-body-content { overflow: visible !important; }

Reproduction of the problem

What is the motivation / use case for changing the behavior? Since the table is inside md-tab it may be causing some problem…!

Please tell us about your environment: @angular/cli: 1.1.1 node: 7.10.0 os: linux x64 @angular/animations: 4.1.3 @angular/common: 4.1.3 @angular/compiler: 4.1.3 @angular/compiler-cli: 4.1.3 @angular/core: 4.1.3 @angular/forms: 4.1.3 @angular/http: 4.1.3 @angular/material: 2.0.0-beta.6 @angular/platform-browser: 4.1.3 @angular/platform-browser-dynamic: 4.1.3 @angular/platform-server: 4.1.3 @angular/router: 4.1.3 @angular/cli: 1.1.1

• Table version: 0.8.x “@swimlane/ngx-datatable”: “^9.3.0”

• 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 ] Google Chrome Version 58.0.3029.110 (64-bit)

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

[bozzwin]

@Muzaeed Could you share with your solution??

[hellsm83]

@Muzaeed could you show us an example of your code? it would be helpful for other people who are at the beginning with angular2/4 and ngx-datatable