Datatable header and row values are shrinking in left side

[babuj03]

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

I have three tab, each has ngx-datatable, the first tab behaviour is different then other two. After rendering the datatable, when mouse over to the first/default tab datatable, table header and rows got shrink to left side of the table, other two tab is working fine. here is my code.

Even I try to fire window resize event. no luck. see the image

Expected behavior

Datatable rows and header should not be shrinked

Reproduction of the problem

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

Please tell us about your environment: Windows 10, npm 6.9.0 ,node v10.16.3, Angular7, Material , swimlane/ngx-datatable

• Table version: 14.0.0

• Angular version : 7

• 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]

[holuwaseun]

I am currently experiencing the same issue. Mine occurs when you change route from the current route to a new route and come back to the said route, the table rows shrink over to the left

[nawaaugustine]

I also have the same issue as @holuwaseun