Filtering in angular 14 for the array of values in single column

Question

How can I filter a single column values from a material table ?

FilterChange(event:Event)
{  
const fillvalue=(event.target as HTMLInputElement).value;  
this.dataSource.filter = fillvalue;
}

This is my function, I need to call the function when the text is entered and click the search button in the form, I'm using <mat-form-field> for the input. Here event is the value passed after the text is entered in the input field.

score 0 · Answer 1 · answered Nov 13 '22 at 12:05

0

Use filter predicate to create your own custom filter function

this.dataSource.filterPredicate = (
  data: PeriodicElement,
  filter: string
): boolean =>
  data.weight.toString().indexOf(filter) === -1 ? false : true;

here, weight is the column name

answered Nov 13 '22 at 12:05

Mr. Stash

2,940
3
10
24

Thank you for your help, But unfortunately this didn't solved my current problem. – Abhirami K S Nov 14 '22 at 06:55
Is FilterChange method not getting called? – Mr. Stash Nov 14 '22 at 09:18
Ya it is being called in the button click – Abhirami K S Nov 14 '22 at 15:16

Filtering in angular 14 for the array of values in single column

1 Answers1