fix(pivotGrid): Apply dimension with to pivot calcWidth.

Author: Svetoslav Krastev

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

@@ -23,7 +23,7 @@
     <div class="igx-grid__tbody-content" tabindex="0" [attr.role]="dataView.length ? null : 'row'" (keydown)="navigation.handleNavigation($event)" (focus)="navigation.focusTbody($event)"
         (dragStop)="selectionService.dragMode = $event" (scroll)='preventContainerScroll($event)'
         (dragScroll)="dragScroll($event)" [igxGridDragSelect]="selectionService.dragMode"
-        [style.height.px]='totalHeight' [style.width.px]='calcWidth || null' #tbody [attr.aria-activedescendant]="activeDescendant">
+        [style.height.px]='totalHeight' [style.width.px]='pivotContentCalcWidth || null' #tbody [attr.aria-activedescendant]="activeDescendant">
         <span *ngIf="hasMovableColumns && columnInDrag && pinnedColumns.length <= 0"
             [igxColumnMovingDrop]="headerContainer" [attr.droppable]="true" id="left"
             class="igx-grid__scroll-on-drag-left"></span>

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

@@ -1155,6 +1155,11 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
         return (width * 100 / this.calcWidth);
     }
 
+    public get pivotContentCalcWidth() {
+        const totalDimWidth = this.rowDimensions.map((dim) => this.rowDimensionWidthToPixels(dim)).reduce((prev, cur) => prev + cur);
+        return this.calcWidth - totalDimWidth;
+    }
+
     public get rowDimensions() {
         return this.pivotConfiguration.rows?.filter(x => x.enabled) || [];
     }
@@ -1930,7 +1935,7 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
         const expressions =  flattenedColumnsWithSorting.length > 0? PivotSortUtil.generateDimensionSortingExpressions(flattenedColumnsWithSorting) : [];
         let sortedData = data;
         if (expressions.length > 0) {
-            sortedData = DataUtil.sort(cloneArray(data), expressions, this.sortStrategy, this);    
+            sortedData = DataUtil.sort(cloneArray(data), expressions, this.sortStrategy, this);
         }
         let fieldsMap;
         if (this.pivotConfiguration.columnStrategy && this.pivotConfiguration.columnStrategy instanceof NoopPivotDimensionsStrategy) {