Column with [maxWidth] not properly computed after zooming

[edsdev1]

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

ngx-datatable-column with maxWidth incorrectly calculates width when the browser is zoom-out (~25%) and then zoom-in (~110%). Observe column width collapses in the demo provided below.

Expected behavior

zoom-out/in should not collapse those columns with maxWidth

Reproduction of the problem

Here is a simple demo on StackBlitz, where it only contains 3 ngx-datatable-column with maxWidth:
https://stackblitz.com/edit/base-angular-12-app-gl216j?file=src%2Fapp%2Fapp.component.html

The demo essentially contains only this:
`

        <ngx-datatable    [columnMode]="'force'"    [rows]="[{a: 'aa',b: 'bb',c: 'cc'}]" >
             <ngx-datatable-column prop="Column-1"> </ngx-datatable-column>
            <ngx-datatable-column prop="Column-2" [maxWidth]="200"></ngx-datatable-column>
            <ngx-datatable-column prop="Column-3"> </ngx-datatable-column>

       </ngx-datatable>

`

Please tell us about your environment:
Max OS: Catalina 10.15.7

• Table version:

• v20.1.0. (but reproducible even in v15.x)

• Angular version:
  v-12.x. (but I have tested with v7, v11, too)

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

Google Chrome: Version 111.0.5563.146 (Official Build) (x86_64)
Safari : Version 15.4 (15613.1.17.1.13, 15613)

• Language: [all | TypeScript X.X | ES6/7 | ES5]
• typescript ~4.3.5. (but reproducible in earlier versions, too)