如何在全球搜索Primeng表Angular中搜索管道数据？

Question

我们有一个表，我已经将一列管道，但是当我搜索时，它搜索实际数据，表中未显示的管道数据。 全局搜索：

 <p-table [globalFilterFields]="['value']"  [responsive]="true" responsiveLayout="stack"  (onFilter)="handleFilter($event)"  styleClass="p-datatable-gridlines"  editMode="row"  #dt  [exportHeader]="'customExportHeader'"  [(selection)]="selectedProducts"   rowGroupMode="rowspan" groupRowsBy="dateOfRelease" sortField="dateOfRelease"   dataKey="ldId"  [columns]="cols"    [showCurrentPageReport]="true"  sortMode="multiple" [value]="formatData"   (sortFunction)="customSort($event)"
        [rows]="10" [paginator]="true" (selectionChange)="onSelectionChange($event)"   [loading]="loading" >

//全局搜索代码：

<input pInputText type="text"   (input)="dt.filterGlobal($any($event.target).value,'contains')" (onChange)="onwireVersionChange($event)"  placeholder="Global Search" />
    
//Custom Method for global filter:
   

 public prepareFilters(): void {
            this.wireVersionFilters=[];
            this.formatData.forEach((filtered)=>{
              console.log("Filtered",filtered)
              const wireVersionFilter: DataFilter = {value:filtered.value, label:new WireVersionPipe().transform(filtered.value)};
              this.wireVersionFilters.findIndex(current => current.value === wireVersionFilter.value) === -1 ? this.wireVersionFilters.push(wireVersionFilter) : null;
        
            })
          }
      
      public onwireVersionChange(event:any) {
        const selectedValues = event.value.map((datatableFilter:any) => datatableFilter.value);
        this.table.filter(selectedValues, 'wireVersion', 'in');
      }

Answer 1

我将此演示放在stackblitz上，以处理我遇到的相同问题。您需要有一个自定义过滤器选项来处理对原始数据的搜索，该数据将以您对显示器进行过滤以找到匹配项。

实际上，实际上是，在搜索以纠正搜索数据以查找数据时，您将一直在全局搜索上处理数据。