Frozen columns not synced after visibility changes

[HoganHu0520]

I have four columns a:frozen , b, c, d.

Init Table
a:Frozen b c d

After hide column c
a:Frozen a:Frozen b d

Now Code
`initColumns(): void {
this.columns = this.cols.toArray();

    if(this.scrollable) {
        this.scrollableColumns = [];
        this.cols.forEach((col) => {
            if(col.frozen) {
                this.frozenColumns = this.frozenColumns || [];
                this.frozenColumns.push(col);
            }
            else {
                this.scrollableColumns.push(col);
            }
        });
    }

    this.columnsChanged = true;
}`

Fixed Code
`initColumns(): void {
this.columns = this.cols.toArray();

    if(this.scrollable) {
        this.scrollableColumns = [];
        this.frozenColumns = [];
        this.cols.forEach((col) => {
            if(col.frozen) {
                this.frozenColumns.push(col);
            }
            else {
                this.scrollableColumns.push(col);
            }
        });
    }

    this.columnsChanged = true;
}`

I can't check in code.
I hope someone can check it in.

• Angular version: 4.0.X

• PrimeNG version: 4.0.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 2.4 | ES6/7 | ES5]

• Node (for AoT issues): node --version =