From b5546ce1eb9589d66055ad202780b66a2c72ada4 Mon Sep 17 00:00:00 2001
From: MKirova <MKirova@DEV-MKIROVA>
Date: Tue, 21 Oct 2025 13:22:37 +0300
Subject: [PATCH 1/2] fix(igxPivot): Adjust widths in header area.

---
 .../src/lib/grids/pivot-grid/pivot-grid.component.ts         | 2 +-
 .../src/lib/grids/pivot-grid/pivot-header-row.component.html | 4 ++--
 .../pivot-row-dimension-header-group.component.html          | 1 -
 .../lib/grids/pivot-grid/pivot-row-header-group.component.ts | 5 +----
 4 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.ts b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.ts
index 57890443e81..3d1010770ce 100644
--- a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.ts
+++ b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.ts
@@ -2021,7 +2021,7 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
     }
 
     protected getPivotRowHeaderContentWidth(headerGroup: IgxPivotRowHeaderGroupComponent) {
-        const headerSizes = this.getHeaderCellWidth(headerGroup.header.refInstance.nativeElement);
+        const headerSizes = this.getHeaderCellWidth(headerGroup.nativeElement);
         return headerSizes.width + headerSizes.padding;
     }
 
diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.html b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.html
index 246d852ae53..3772f3958c4 100644
--- a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.html
+++ b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.html
@@ -254,8 +254,8 @@
                             <igx-pivot-row-header-group #rowDimensionHeaders
                                 [ngClass]="dimCol.headerGroupClasses"
                                 [ngStyle]="dimCol.headerGroupStyles | igxHeaderGroupStyle:dimCol:grid.pipeTrigger"
-                                [style.min-width]="grid.rowDimensionWidthToPixels(this.grid.visibleRowDimensions[colIndex])"
-                                [style.flex-basis]="grid.rowDimensionWidthToPixels(this.grid.visibleRowDimensions[colIndex])"
+                                [style.width.px]="grid.rowDimensionWidthToPixels(this.grid.visibleRowDimensions[colIndex])"
+                                [style.flex-basis.px]="grid.rowDimensionWidthToPixels(this.grid.visibleRowDimensions[colIndex])"
                                 [column]="dimCol"
                                 [rootDimension]="grid.visibleRowDimensions[colIndex]"
                                 [dimWidth]="grid.rowDimensionWidthToPixels(this.grid.visibleRowDimensions[colIndex])"
diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-header-group.component.html b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-header-group.component.html
index 8a1931a01e8..d73a2520541 100644
--- a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-header-group.component.html
+++ b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-header-group.component.html
@@ -28,7 +28,6 @@
         (keydown)="grid.navigation.headerNavigation($event)"
         [style.min-width]="getHeaderWidthFromDimension()"
         [style.width]="getHeaderWidthFromDimension()"
-        [style.flex-basis]="getHeaderWidthFromDimension()"
     >
     </igx-pivot-row-dimension-header>
     @if (!column.columnGroup && column.resizable) {
diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-header-group.component.ts b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-header-group.component.ts
index f3baf7b4a9f..963facbcaa3 100644
--- a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-header-group.component.ts
+++ b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-header-group.component.ts
@@ -159,9 +159,6 @@ export class IgxPivotRowHeaderGroupComponent extends IgxGridHeaderGroupComponent
     }
 
     protected getHeaderWidthFromDimension() {
-        if (this.grid.hasHorizontalLayout) {
-            return this.dimWidth === -1 ? 'fit-content' : this.width;
-        }
-        return this.grid.rowDimensionWidth(this.parent.rootDimension);
+        return this.grid.hasHorizontalLayout && this.dimWidth === -1 ? 'fit-content' : null;
     }
 }

From c4cf4381a4c2cf8655863b34348cdc09d9eee08d Mon Sep 17 00:00:00 2001
From: MKirova <MKirova@DEV-MKIROVA>
Date: Tue, 21 Oct 2025 13:22:37 +0300
Subject: [PATCH 2/2] fix(igxPivot): Adjust widths in header area.

---
 .../src/lib/grids/pivot-grid/pivot-grid.component.ts         | 2 +-
 .../src/lib/grids/pivot-grid/pivot-header-row.component.html | 4 ++--
 .../pivot-row-dimension-header-group.component.html          | 1 -
 .../lib/grids/pivot-grid/pivot-row-header-group.component.ts | 5 +----
 4 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.ts b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.ts
index 57890443e81..3d1010770ce 100644
--- a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.ts
+++ b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-grid.component.ts
@@ -2021,7 +2021,7 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
     }
 
     protected getPivotRowHeaderContentWidth(headerGroup: IgxPivotRowHeaderGroupComponent) {
-        const headerSizes = this.getHeaderCellWidth(headerGroup.header.refInstance.nativeElement);
+        const headerSizes = this.getHeaderCellWidth(headerGroup.nativeElement);
         return headerSizes.width + headerSizes.padding;
     }
 
diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.html b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.html
index 246d852ae53..3772f3958c4 100644
--- a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.html
+++ b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.html
@@ -254,8 +254,8 @@
                             <igx-pivot-row-header-group #rowDimensionHeaders
                                 [ngClass]="dimCol.headerGroupClasses"
                                 [ngStyle]="dimCol.headerGroupStyles | igxHeaderGroupStyle:dimCol:grid.pipeTrigger"
-                                [style.min-width]="grid.rowDimensionWidthToPixels(this.grid.visibleRowDimensions[colIndex])"
-                                [style.flex-basis]="grid.rowDimensionWidthToPixels(this.grid.visibleRowDimensions[colIndex])"
+                                [style.width.px]="grid.rowDimensionWidthToPixels(this.grid.visibleRowDimensions[colIndex])"
+                                [style.flex-basis.px]="grid.rowDimensionWidthToPixels(this.grid.visibleRowDimensions[colIndex])"
                                 [column]="dimCol"
                                 [rootDimension]="grid.visibleRowDimensions[colIndex]"
                                 [dimWidth]="grid.rowDimensionWidthToPixels(this.grid.visibleRowDimensions[colIndex])"
diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-header-group.component.html b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-header-group.component.html
index 8a1931a01e8..d73a2520541 100644
--- a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-header-group.component.html
+++ b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-header-group.component.html
@@ -28,7 +28,6 @@
         (keydown)="grid.navigation.headerNavigation($event)"
         [style.min-width]="getHeaderWidthFromDimension()"
         [style.width]="getHeaderWidthFromDimension()"
-        [style.flex-basis]="getHeaderWidthFromDimension()"
     >
     </igx-pivot-row-dimension-header>
     @if (!column.columnGroup && column.resizable) {
diff --git a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-header-group.component.ts b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-header-group.component.ts
index f3baf7b4a9f..963facbcaa3 100644
--- a/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-header-group.component.ts
+++ b/projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-header-group.component.ts
@@ -159,9 +159,6 @@ export class IgxPivotRowHeaderGroupComponent extends IgxGridHeaderGroupComponent
     }
 
     protected getHeaderWidthFromDimension() {
-        if (this.grid.hasHorizontalLayout) {
-            return this.dimWidth === -1 ? 'fit-content' : this.width;
-        }
-        return this.grid.rowDimensionWidth(this.parent.rootDimension);
+        return this.grid.hasHorizontalLayout && this.dimWidth === -1 ? 'fit-content' : null;
     }
 }