chore(*): Hide diplicate value from child collection.

Author: MKirova

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.html

@@ -173,7 +173,8 @@
                 [ngStyle]="column.headerGroupStyles |igxHeaderGroupStyle:column:grid.pipeTrigger" [column]="column"
                 [style.min-width]="column.calcWidth | igxHeaderGroupWidth:grid.defaultHeaderGroupMinWidth:hasMRL"
                 [style.flex-basis]="column.calcWidth | igxHeaderGroupWidth:grid.defaultHeaderGroupMinWidth:hasMRL"
-                (pointerdown)="grid.navigation.focusOutRowHeader($event)">
+                (pointerdown)="grid.navigation.focusOutRowHeader($event)"
+                [style.visibility]='getVisibility(column, dimLevelColumns)'>
             </igx-grid-header-group>
             </ng-template>
         </div>

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.ts

@@ -98,6 +98,14 @@ export class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent implem
         return !col.columnGroup && col.level < this.totalDepth ? (this.totalDepth - col.level) * this.grid.rowHeight : this.grid.rowHeight;
     }
 
+    public getVisibility(col: ColumnType, collection: ColumnType[]) {
+        const lvl = this.columnDimensionsByLevel.indexOf(collection)
+        const parentCollection = lvl > 0 ? this.columnDimensionsByLevel[lvl - 1] : [];
+        const duplicate = parentCollection.indexOf(col) !== -1;
+
+        return duplicate ? 'hidden' : 'visible';
+    }
+
 
     public populateColumnDimensionsByLevel() {
         const res = [];
@@ -106,11 +114,15 @@ export class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent implem
             this.columnDimensionsByLevel = res;
             return;
         }
+        let prev = [];
         const cols = this.unpinnedColumnCollection;
         for (let i = 0; i < this.totalDepth; i++) {
             const lvl = i;
-            const colsForLevel = cols.filter(x => x.level === lvl);
+            let colsForLevel = cols.filter(x => x.level === lvl);
+            const prevChildless = prev.filter(x => !x.columnGroup);
+            colsForLevel = colsForLevel.concat(prevChildless);
             res[i] = colsForLevel;
+            prev = colsForLevel;
         }
         this.columnDimensionsByLevel = res;
     }