title: Searching in datatable not working if using template
body: <p>I am using PrimeNG datatables <a href="http://www.primefaces.org/primeng/#/datatable/filter" rel="nofollow noreferrer">link</a> by using the following code in my angular 2 application and everything is working fine except searching if i use template and anchor tag for any of the column(you can see the second column "Matter"). Its good with searching for all other columns but not searching in 2nd and 5th because we are using template in it. How we can implement searching on these columns?</p>
  
  <pre><code>&lt;p-dataTable expandableRows="true" [value]="caseDocs" [rows]="5" [rowsPerPageOptions]="[5,10,20]" [paginator]="true" [globalFilter]="gb"&gt;
      &lt;p-column field="ClientName" header="Client" [sortable]="true"&gt;&lt;/p-column&gt;
      &lt;p-column field="Matter" header="Matter" [sortable]="true"&gt;
          &lt;template let-col let-casedoc="rowData" pTemplate="body"&gt;
              &lt;a class="like" (click)="showMatterInfo(casedoc[col.field])" title="Download" data-toggle="modal"&gt;
                  {{casedoc['MatterName']}}
              &lt;/a&gt;&amp;nbsp;
          &lt;/template&gt;
      &lt;/p-column&gt;
      &lt;p-column field="Name" header="Document" [sortable]="true"&gt;&lt;/p-column&gt;
      &lt;p-column field="DocumentType" header="DocumentType" [sortable]="true"&gt;&lt;/p-column&gt;
      &lt;p-column field="DateAdded" header="DateAdded" [sortable]="true"&gt;
          &lt;template let-col let-casedoc="rowData" pTemplate="body"&gt;
              {{utcToLocal(casedoc[col.field])}}
          &lt;/template&gt;
      &lt;/p-column&gt;
      &lt;p-column field="DocumentId" styleClass="col-button" header="Actions"&gt;
          &lt;template pTemplate="header"&gt;
          &lt;/template&gt;
          &lt;template let-col let-casedoc="rowData" pTemplate="body"&gt;
              &lt;a class="like" (click)="downloadCaseDocInfo(casedoc[col.field])" title="Download" data-toggle="modal"&gt;
                  &lt;i class="glyphicon glyphicon-download-alt"&gt;&lt;/i&gt;
              &lt;/a&gt;&amp;nbsp;
              &lt;a class="like" (click)="showEditCaseDocModel(casedoc[col.field])" title="Edit" data-toggle="modal"&gt;
                  &lt;i class="glyphicon glyphicon-edit"&gt;&lt;/i&gt;
              &lt;/a&gt;&amp;nbsp;
              &lt;a class="like" title="Delete" (click)="showDeleteCaseDoc(casedoc[col.field])" data-toggle="modal"&gt;
                  &lt;i class="glyphicon glyphicon-remove"&gt;&lt;/i&gt;
              &lt;/a&gt;
          &lt;/template&gt;
      &lt;/p-column&gt;
  &lt;/p-dataTable&gt;
  </code></pre>