Как я могу реализовать фильтр клиентов в DataTable для столбца - PullRequest
Новая
       29

Как я могу реализовать фильтр клиентов в DataTable для столбца

0 голосов
/ 06 июня 2019

У меня есть Mat-DataTable с 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;
...