Фильтр поиска не работает в определенном столбце таблицы в угловых - PullRequest
0 голосов
/ 12 января 2019

У меня есть список моих команд, в котором есть 3 поля для отображения:

1-Team Name 2- Team Manager 3- Служба поддержки (в этом поле отображаются несколько данных)

У меня есть глобальный фильтр для этой таблицы, но моя проблема в том, что поиск не работает по столбцу «Работник службы поддержки». есть идеи почему?

Вот мой код:

<div class="ui-g form-group">
  <div class="ui-g-12 ui-md-6">
    <div class="ui-inputgroup">
      <span class="ui-inputgroup-addon"><i class="material-icons">search</i></span>
      <span class="md-inputfield">
        <input #gbTeam type="text" pInputText style="padding: 6px 3px;font-size: 16px;">
        <label>Search</label>
      </span>
    </div>
  </div>
  <div class="ui-g-12 ui-md-6" style="text-align:right">
    <button label="Add New Team" icon="ui-icon-add" class="ui-button-success" pButton (click)="onAdd($event)">
    </button>
  </div>

  <div class="ui-g-12 ui-md-12">
    <p-dataTable selectionMode="single" [value]="teamsList" [globalFilter]="gbTeam" [(selection)]="selectedTeam"
      [responsive]="true" (onRowDblclick)="onRowDoubleClicked($event)">

      <p-column field="Name" header="Team Name"></p-column>
      <p-column field="Manager.DisplayName" header="Team Manager"></p-column>
      <p-column styleClass="col-button" header="Support Workers">
        <ng-template let-row="rowData" let-i="rowIndex" pTemplate="body">
          <div *ngFor="let TeamSupportWorker of row.TeamSupportWorkers">
            {{TeamSupportWorker.DisplayName}}
          </div>
          <br />
        </ng-template>
      </p-column>
      <p-column styleClass="col-button">
        <ng-template let-row="rowData" let-i="rowIndex" pTemplate="body">
          <div class="btn-group" role="group" aria-label="First group">
            <button title="Edit" type="button" icon="ui-icon-edit" pButton (click)="onEdit(row)">
            </button>
            <button title="Delete" type="button" icon="ui-icon-delete" class="ui-button-danger" pButton (click)="onRemove(row)">
            </button>
          </div>
        </ng-template>
      </p-column>
    </p-dataTable>
  </div>
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...