我正在使用PrimeNG数据表link,在我的angular 2应用程序中使用以下代码,一切正常,除了搜索我是否使用任何列的模板和锚标记(你可以看到第二列“物”)。它很适合搜索所有其他列但不搜索第2和第5列,因为我们正在使用模板。我们如何在这些列上实现搜索?
<p-dataTable expandableRows="true" [value]="caseDocs" [rows]="5" [rowsPerPageOptions]="[5,10,20]" [paginator]="true" [globalFilter]="gb">
<p-column field="ClientName" header="Client" [sortable]="true"></p-column>
<p-column field="Matter" header="Matter" [sortable]="true">
<template let-col let-casedoc="rowData" pTemplate="body">
<a class="like" (click)="showMatterInfo(casedoc[col.field])" title="Download" data-toggle="modal">
{{casedoc['MatterName']}}
</a>
</template>
</p-column>
<p-column field="Name" header="Document" [sortable]="true"></p-column>
<p-column field="DocumentType" header="DocumentType" [sortable]="true"></p-column>
<p-column field="DateAdded" header="DateAdded" [sortable]="true">
<template let-col let-casedoc="rowData" pTemplate="body">
{{utcToLocal(casedoc[col.field])}}
</template>
</p-column>
<p-column field="DocumentId" styleClass="col-button" header="Actions">
<template pTemplate="header">
</template>
<template let-col let-casedoc="rowData" pTemplate="body">
<a class="like" (click)="downloadCaseDocInfo(casedoc[col.field])" title="Download" data-toggle="modal">
<i class="glyphicon glyphicon-download-alt"></i>
</a>
<a class="like" (click)="showEditCaseDocModel(casedoc[col.field])" title="Edit" data-toggle="modal">
<i class="glyphicon glyphicon-edit"></i>
</a>
<a class="like" title="Delete" (click)="showDeleteCaseDoc(casedoc[col.field])" data-toggle="modal">
<i class="glyphicon glyphicon-remove"></i>
</a>
</template>
</p-column>
</p-dataTable>