Search Filter for all pages not working

Hi ,

I am trying apply search filter input box for all paginations but when i have tagged filter it only take within page items not an entire array I have gone through filter source code

my filter code is like below

import { Pipe, PipeTransform, Injectable } from '@angular/core';
@Pipe({
    name: 'filter'
})
@Injectable()
export class FilterPipeSearch implements PipeTransform {
    transform(items: any[], field: string, value: string): any[] {
        if (!items) {
            return [];
        }
        if (!field || !value) {
            return items;
        }
        return items.filter(singleItem => singleItem[field].toLowerCase().includes(value.toLowerCase()));
    }

}

It filtering within page items but not all pages Can you please help me out of this?

[michaelbromley]

Thanks. As I suspected, the pipes are in the wrong sequence. Currently you are paginating and then filtering. You should be filtering first:

 <tr *ngFor="let item of dataTable  | filter : 'accountNumber' : accountNumber | paginate: { itemsPerPage: 10, currentPage: p } ; let i=index "></tr>

[rostom93]

thank you i will do that