Добавление фильтров колонок в таблицу угловых складных материалов

Question

Я использую таблицу угловых материалов со складной деталью.У меня есть следующий блок кода в соответствии с угловой документацией материала.Но это не работает с моим источником данных.Кто-нибудь знает в чем проблема с этим?

HTML

<mat-form-field>
  <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
</mat-form-field>

JS

applyFilter(filterValue: string) {
  this.dataSource.filter = filterValue.trim().toLowerCase();
}

формат данных (console.log (this.dataSource.data))

Answer 1

вам может потребоваться определить пользовательский filterPredicate, поскольку реализация по умолчанию не будет работать должным образом в некоторых случаях.

this.dataSource.filterPredicate = function (data:Element, filter: string){
  // return true if filter string match with the data Element
}