Merge pull request #10739 from IgniteUI/mkirova/fix-10498

fix(pivot): Ensure that when columns are created for row dimensions w…

Author: dkamburov

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

@@ -315,6 +315,13 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
      */
     public dragRowID = null;
 
+    /**
+    * @hidden @internal
+    */
+    public get rootSummariesEnabled(): boolean {
+        return false;
+    }
+
     protected _defaultExpandState = false;
     private _data;
     private _filteredData;

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

@@ -120,7 +120,8 @@ export class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent {
         this.grid.setupColumns();
         this.grid.filteringService.clearFilter(col.memberName);
         this.grid.pipeTrigger++;
-        this.grid.dimensionsChange.emit({ dimensions: this.grid.pivotConfiguration.columns, dimensionCollectionType: PivotDimensionType.Row });
+        this.grid.dimensionsChange.emit({dimensions: this.grid.pivotConfiguration.columns, dimensionCollectionType: PivotDimensionType.Row});
+        this.grid.reflow();
     }
 
     public valueRemoved(event: IBaseChipEventArgs) {

projects/igniteui-angular/src/lib/grids/watch-changes.ts

@@ -74,7 +74,6 @@ export function notifyChanges(repaint = false) {
 
 
         const originalSetter = propDesc ? propDesc.set : null;
-
         propDesc.get = propDesc.get || (function(this) {
             return this[privateKey];
         });
@@ -83,15 +82,17 @@ export function notifyChanges(repaint = false) {
             if (originalSetter) {
                 originalSetter.call(this, newValue);
                 if (this.grid) {
-                    this.grid.notifyChanges(repaint);
+                    const shouldRepaint = this.grid.isPivot ? false : repaint;
+                    this.grid.notifyChanges(shouldRepaint);
                 }
             } else {
                 if (newValue === this[key]) {
                     return;
                 }
                 this[privateKey] = newValue;
                 if (this.grid) {
-                    this.grid.notifyChanges(repaint);
+                    const shouldRepaint = this.grid.isPivot ? false : repaint;
+                    this.grid.notifyChanges(shouldRepaint);
                 }
             }
         };

src/app/pivot-grid-hierarchy/pivot-grid-hierarchy.sample.html

@@ -6,6 +6,6 @@
         placeholder="Dimension(s)" searchPlaceholder="Search...">
     </igx-combo>
 </div>
-<igx-pivot-grid #grid1 [data]="origData" [pivotConfiguration]="pivotConfigHierarchy" (dimensionsChange)='dimensionChange($event)' [defaultExpandState]='true'>
+<igx-pivot-grid [displayDensity]='"compact"' #grid1 [data]="origData" [pivotConfiguration]="pivotConfigHierarchy" (dimensionsChange)='dimensionChange($event)' [defaultExpandState]='true'>
 </igx-pivot-grid>