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.

Answer 1

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