Datatable width resize problem. datatable-scroller and datatable-header-inner does not resize after initial load

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

[x] bug report => search github for a similar issue or PR before submitting

Current behavior datatable-scroller and datatable-header-inner(also it’s children) doesn’t resize on width after datatable inital load

Expected behavior They should resize… https://cl.ly/1U090c3Q0X2S

Reproduction of the problem You can represent the problem anywhere.

What is the motivation / use case for changing the behavior? This is a bug.

Please tell us about your environment: macOS Sierra, Chrome Version 60.0.3112.101

• Table version: 9.3.0, 10.0.5

• Angular version: 4.3.3

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

[GevorgGabrielyan]

Adding a simple css rule for .datatable-scroll display: inherit !important; works for me

[ahmetacer5]

@webmatrixxxl Hi i have simple solution for this. You just need to trigger window resize event.

window.dispatchEvent(new Event('resize'));