Data table doesn't shrink when window is resized

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 When rendering the datatable in a view and not absolutely positioned, the initial width is set and making the window larger triggers a resize, but shrinking it does not.

Expected behavior It would re-render the width for enlarging and shrinking window.

Reproduction of the problem I’ll try to get a plunker up but it’s entirely possible that there something else causing this that is specific to my app.

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

Please tell us about your environment: Mac, Chrome latest, Webstorm

• Table version: 0.8.x Latest

• Angular version: 2.0.x 4.4

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

[Tecmesh]

I Think i solved the hard way. Just add these Lines in your CSS Rules :

.datatable-header {
    min-width: 100%;
}

.datatable-body {
    min-width: 100%;
}

This will keep the header and body of the table on a good shape. I recommend to wrap the datatable on a div using the .table-responsive class from bootstrap. it will work better for responsive.

[sudha1981]

Invoke the below method on sidebar minimizer

(click)=“WindowResize($event)”

WindowResize(e) {
setTimeout(() => { window.dispatchEvent(new Event(‘resize’)); }, 250); }