chore(*): Adding handling for scenario where we are auto-sizing and the data changes has resulted in the vertical scrolbar hiding/showing, which required widths of grid/columns to be re-calculated fully.

Author: MKirova

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

@@ -3013,10 +3013,15 @@ export abstract class IgxGridBaseComponent extends DisplayDensityBase implements
         });
 
         this.verticalScrollContainer.onDataChanging.pipe(destructor, filter(() => !this._init)).subscribe(($event) => {
-            const shouldRecalcSize = this.isPercentHeight && ( !this.calcHeight || this.calcHeight === this.getDataBasedBodyHeight());
+            const shouldRecalcSize = this.isPercentHeight &&
+             ( !this.calcHeight || this.calcHeight === this.getDataBasedBodyHeight() ||
+              this.calcHeight === this.renderedRowHeight * this._defaultTargetRecordNumber);
             if (shouldRecalcSize) {
                 this.calculateGridHeight();
                 $event.containerSize = this.calcHeight;
+                // called to recalc all widths that may have changes as a result of
+                // the vert. scrollbar showing/hiding
+                this.notifyChanges(true);
             }
             this.evaluateLoadingState();
         });