fix(pivot): Ensure that when columns are created for row dimensions while scrolling the grid does not repaint.

Author: MKirova

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>