fix(igxGrid): Row Pinning and Search #6640

Author: Vasil Mihalkov

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

@@ -2391,6 +2391,8 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
      */
     protected destroy$ = new Subject<any>();
 
+    protected _filteredSortedPinnedData;
+    protected _filteredSortedUnpinnedData;
     /**
      * @hidden
      */
@@ -2872,6 +2874,17 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
         this.setupColumns();
     }
 
+    public setFilteredSortedData(data, pinned: boolean) {
+        if (this.pinnedRecords.length > 0 && pinned) {
+            this._filteredSortedPinnedData = data;
+            this.filteredSortedData = [... this._filteredSortedPinnedData, ... this._filteredSortedUnpinnedData];
+        } else if (this.pinnedRecords.length > 0 && !pinned) {
+            this._filteredSortedUnpinnedData = data;
+        } else {
+            this.filteredSortedData = data;
+        }
+    }
+
     /**
      * @hidden @internal
      */

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

@@ -112,7 +112,7 @@
             <ng-container *ngFor="let rowData of pinnedRecords
                 | visibleColumns:hasVisibleColumns
                 | gridFiltering:filteringExpressionsTree:filterStrategy:advancedFilteringExpressionsTree:id:pipeTrigger:filteringPipeTrigger
-                | gridSort:sortingExpressions:sortStrategy:id:pipeTrigger
+                | gridSort:sortingExpressions:sortStrategy:id:pipeTrigger:true
                 | gridDetails:hasDetails:expansionStates:pipeTrigger; let rowIndex = index">
                 <ng-container *ngTemplateOutlet="getRowTemplate(rowData); context: getContext(rowData, rowIndex, true)">
                 </ng-container>

projects/igniteui-angular/src/lib/grids/grid/grid.pipes.ts

@@ -29,7 +29,7 @@ export class IgxGridSortingPipe implements PipeTransform {
     }
 
     public transform(collection: any[], expressions: ISortingExpression[], sorting: IGridSortingStrategy,
-                     id: string, pipeTrigger: number): any[] {
+                     id: string, pipeTrigger: number, pinned?): any[] {
         const grid = this.gridAPI.grid;
         let result: any[];
 
@@ -38,7 +38,7 @@ export class IgxGridSortingPipe implements PipeTransform {
         } else {
             result = DataUtil.sort(cloneArray(collection), expressions, sorting);
         }
-        grid.filteredSortedData = result;
+        grid.setFilteredSortedData(result, pinned);
 
         return result;
     }