Fixed #9154 - Sort and Filter support for VirtualScrolling

primefaces · Sep 2, 2020 · 84a1275 · 84a1275
1 parent 361cc5e
commit 84a1275
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/app/components/table/table.ts b/src/app/components/table/table.ts
@@ -790,6 +790,8 @@ export class Table implements OnInit, AfterViewInit, AfterContentInit, Blockable
 
                         return (this.sortOrder * result);
                     });
+
+                    this._value = [...this.value];
                 }
 
                 if (this.hasFilter()) {
@@ -824,6 +826,8 @@ export class Table implements OnInit, AfterViewInit, AfterContentInit, Blockable
                     this.value.sort((data1, data2) => {
                         return this.multisortField(data1, data2, this.multiSortMeta, 0);
                     });
+
+                    this._value = [...this.value];
                 }
 
                 if (this.hasFilter()) {
@@ -2191,7 +2195,7 @@ export class Table implements OnInit, AfterViewInit, AfterContentInit, Blockable
             </ng-template>
         </ng-container>
         <ng-container *ngIf="!dt.expandedRowTemplate && dt.virtualScroll">
-            <ng-template cdkVirtualFor let-rowData let-rowIndex="index" [cdkVirtualForOf]="dt.value" [cdkVirtualForTrackBy]="dt.rowTrackBy" [cdkVirtualForTemplateCacheSize]="0">
+            <ng-template cdkVirtualFor let-rowData let-rowIndex="index" [cdkVirtualForOf]="dt.filteredValue||dt.value" [cdkVirtualForTrackBy]="dt.rowTrackBy" [cdkVirtualForTemplateCacheSize]="0">
                 <ng-container *ngTemplateOutlet="rowData ? template: dt.loadingBodyTemplate; context: {$implicit: rowData, rowIndex: dt.paginator ? (dt.first + rowIndex) : rowIndex, columns: columns, editing: (dt.editMode === 'row' && dt.isRowEditing(rowData))}"></ng-container>
             </ng-template>
         </ng-container>