How to create custom filtering using MatTableDataSource in angular 5?

Question

In Angular material official website Angular Material Table it is mentioned that filterPredicate: ((data: T, filter: string) => boolean) will filter data based on a specific field. But don't know how to start. Is there any example is present for this.

Pete · Accepted Answer · 2020-02-14 17:42:17Z

15

This answer seems to show how to use the filter predicate:

https://stackoverflow.com/a/50174938/6130716

It works like so:

this.dataSource.filterPredicate = (data: MyObject, filter: string) => {
  return data.property == filter;
};

this.dataSource.filter = myValue;

edited Feb 14, 2020 at 17:42

answered Apr 19, 2018 at 17:55

Pete

7947 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tanvi Shah Over a year ago

Thanks, @peter for the response it's working correctly.

umutesen Over a year ago

would you do this in ngOnInit?

Collectives™ on Stack Overflow

How to create custom filtering using MatTableDataSource in angular 5?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related