Add flex-shrink: 0 to icon so that it does not shrink when bigger text is set in the cell.

Author: MKirova

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

@@ -117,7 +117,7 @@
     <ng-template #headerDefaultTemplate let-column>
 
         <div class="igx-grid__tr--header" class='igx-grid__row-indentation--level-{{getLevel(column)}}'>
-            <igx-icon [attr.draggable]="false" *ngIf='getLevel(column) > 0'></igx-icon>
+            <igx-icon style='flex-shrink: 0;' [attr.draggable]="false" *ngIf='getLevel(column) > 0'></igx-icon>
             {{column.header}}
         </div>
     </ng-template>

src/app/pivot-grid/pivot-grid.sample.ts

@@ -31,10 +31,7 @@ export class PivotGridSampleComponent {
         ]
         ,
         rows: [
-            {
-                memberName: 'City',
-                enabled: true
-            },
+
             {
                 memberFunction: () => 'All',
                 memberName: 'AllProducts',
@@ -44,6 +41,10 @@ export class PivotGridSampleComponent {
                     memberFunction: (data) => data.ProductCategory,
                     memberName: 'ProductCategory',
                     enabled: true,
+                    childLevel: {
+                        memberName: 'City',
+                        enabled: true
+                    },
                 }
             }