Merge pull request #16468 from IgniteUI/mkirova/fix-16464-20.1.x

fix(igxGrid): Merge user-set pin config with default one.

Author: MayaKirova

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

@@ -2321,7 +2321,7 @@ export abstract class IgxGridBaseDirective implements GridType,
         if (value !== this._pinning) {
             this.resetCaches();
         }
-        this._pinning = value;
+        this._pinning = Object.assign({}, this._pinning, value);
     }
 
     /**

projects/igniteui-angular/src/lib/grids/grid/grid.pinning.spec.ts

@@ -2,7 +2,7 @@
 import { By } from '@angular/platform-browser';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { IgxStringFilteringOperand } from '../../data-operations/filtering-condition';
-import { ColumnPinningPosition, GridSelectionMode } from '../common/enums';
+import { ColumnPinningPosition, GridSelectionMode, RowPinningPosition } from '../common/enums';
 import { wait, UIInteractions } from '../../test-utils/ui-interactions.spec';
 import {
     CELL_PINNED_CLASS,
@@ -1010,4 +1010,26 @@ describe('IgxGrid - Column Pinning #grid', () => {
             expect(rootMRLGroups.map(x => x.visibleIndex)).toEqual([0, 2, 1])
         }));
     });
+
+    describe('Pinning Configuration', () => {
+        let fix;
+        let grid: IgxGridComponent;
+
+        beforeEach(() => {
+            fix = TestBed.createComponent(PinningComponent);
+            grid = fix.componentInstance.grid;
+        });
+
+        it('should merge partial user configuration with default values', () => {
+            // Default is { columns: ColumnPinningPosition.Start }
+            // Set only rows property
+            grid.pinning = { rows: RowPinningPosition.Bottom };
+            fix.detectChanges();
+
+            // Should merge, keeping default columns value
+            expect(grid.pinning.columns).toBe(ColumnPinningPosition.Start);
+            expect(grid.pinning.rows).toBe(RowPinningPosition.Bottom);
+        });
+    });
+
 });