如何在每列的数据表中实现客户过滤器

Question

我有一个Mat数据表，有6列。 到目前为止，我有一个可以使用的过滤器。但是现在我们还希望在列中有一个带有所选值的过滤器。有谁知道如何做到这一点？

这是我的HTML

              <mat-form-field class="full-width">
                <i class="fa fa-search left-icon"></i>
                <input matInput (keyup)="applyFilter($event.target.value)">
              </mat-form-field>

<ng-container *ngFor="let column of displayedColumns" matColumnDef="{{column}}">
              <th mat-header-cell *matHeaderCellDef >
                <span mat-sort-header>{{column | uppercase}}</span>
                <input class="filter-input" matInput (keyup)="applyFilter(column, $event.target.value)" placeholder="Filter {{column}}" />
              </th>
              <td mat-cell *matCellDef="let element"> {{element[column]}}</td>
</ng-container>

这是我正常使用的TOP过滤器

applyFilter(filterValue: string) {

    //filterValue = filterValue.trim(); // Remove whitespace
    filterValue = filterValue.toLowerCase(); // Datasource defaults to lowercase matches
    this.dataSource.filter = filterValue;