Ensure row data is updated if row dimension size changes.

Author: MKirova

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

@@ -99,7 +99,7 @@ export class IgxPivotRowComponent extends IgxRowDirective<IgxPivotGridComponent>
      */
     public ngOnChanges(changes: SimpleChanges) {
         const rowDimConfig = this.grid.rowDimensions;
-        if (changes.rowData) {
+        if (changes.rowData || rowDimConfig.length !== this.rowDimensionData.length) {
             // generate new rowDimension on row data change
             this.rowDimensionData = [];
             this.viewRef.clear();

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

@@ -27,7 +27,7 @@ export class PivotGridSampleComponent {
             {
                 memberName: 'Country',
                 enabled: true,
-                width: '500px'
+                width: '300px'
             }
         ]
         ,