feat(IgxColumn): update colapsible state when visibleOnCollapse is changed #3343

Author: ddincheva

projects/igniteui-angular/src/lib/grids/columns/column-group.component.ts

@@ -39,7 +39,7 @@ export class IgxColumnGroupComponent extends IgxColumnComponent implements After
     public set collapsible(value: boolean) {
         this._collapsible = value;
         this.collapsibleChange.emit(this._collapsible);
-        if (this.children) {
+        if (this.children && !this.hidden) {
             if (value) {
                 this.setExpandCollapseState();
             } else {

projects/igniteui-angular/src/lib/grids/columns/column.component.ts

@@ -1021,10 +1021,18 @@ export class IgxColumnComponent implements AfterContentInit {
     @Input()
     set visibleOnCollapse(value: boolean) {
         this._visibleOnCollapse = value;
+        if (this.parent) {
+            const cols = this.parent.children.map(child => child.visibleOnCollapse);
+            if (!(cols.some(c => c === true) && cols.some(c => c === false))) {
+                this.parent.collapsible = false;
+            } else {
+                this.parent.collapsible = true;
+            }
+        }
     }
 
     get visibleOnCollapse(): boolean {
-        if (!this.parent) { return false; }
+        if (!this.parent) { return; }
         return this._visibleOnCollapse;
     }