ngx-datatable not showing data after closing and reopening ngx-bootstrap modal popup

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

use the ngx datatable in a component that you wish to open in bs modalpopup of ngx-bootstrap , then close the poup and reopen, the table occupies space but does not show any data Expected behavior

the table should still show data after reopening the modal popup Reproduction of the problem

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

Please tell us about your environment:

Windows 7

• Table version: 0.8.x

9.3.0

• Angular version: 2.0.x

2.0

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

Chrome

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

[cheuk102]

Hi, had same issue and I resolved just changed the css of ngx-datatable: datatable-header, datatable-body, datatable-footer{ width: auto !important; }

[milos-popadic]

The workarounds mentioned didn’t work for me, I forced rerender with *ngIf. I have dataArrived set to false and I’m setting it to true after data is bound to ng-datatable data.