Columns Squish together under certain conditions

I’m submitting a … (check one with “x”)

[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 a angular 4 application that uses angular material mat tabs to display multiple ngx-datatables. Sometimes when I go from tab to tab under certain conditions the tables columns get squished together but when I open the google developer tools to inspect it the table fixes itself

Expected behavior The expected behavior is that the columns display in their proper format and don’t get squished together

Reproduction of the problem

This is a large project and I am not able to recreate the issue in plunker but I have attached the image of the bug. This occurs with angular material 2.0.0-beta.12 mat-tabs.

What is the motivation / use case for changing the behavior? To properly display the data

Please tell us about your environment:

OS X El Capitan version 10.11.6

Atom IDE

NPM 4.3.0

angular/cli 1.4.9

swimlane/ngx-datatable 9.3.1

Chrome

• Table version: 0.8.x

swimlane/ngx-datatable 9.3.1

• Angular version: 2.0.x

angular/core 4.2.4

• Browser:

Chrome

• Language:

Typescript

[koderi-dp]

when we can expect this pull request #1561 in master?

[hensleyrob]

+1

Any update on this? May have to switch to a different data table if this doesn’t get figured out as it’s killing or UI currently.