title: prime-ng datatable: how to use Globalfilter with ng-template tag in p-column
body: <p><strong>CONTEXT</strong></p>
  
  <p>I use Prime-ng Datatable module in my Angular project. I have 7 columns like shown below in my datatable. The data shows very well in browser</p>
  
  <p><strong>PROBLEM</strong></p>
  
  <p>I can't use <code>[globalFilter]</code>. When I try to do a search, the result in my datatable is always displayed as "No records found". It's like the Global filter can't reach the data in my <code>&lt;ng-template&gt;</code>.</p>
  
  <p><strong>APP.COMPONENT.HTML</strong></p>
  
  <pre><code>&lt;!-- language: lang-html --&gt;
  
  &lt;div&gt;
      &lt;input #gb type="text" pInputText size="50" placeholder="Global Filter"&gt;
  &lt;/div&gt;
  
  &lt;p-dataTable [value]="reviewTasksList" [rows]="5" [paginator]="true" [globalFilter]="gb" [pageLinks]="3" [responsive]="true" [stacked]="stacked"&gt;
   &lt;p-column field="name" header="Name"&gt;
     &lt;ng-template let-col let-file="rowData" pTemplate="body"&gt;
         &lt;a [routerLink]="[file.id]" href="#"&gt;{{ file.category.name }}&lt;/a&gt;
     &lt;/ng-template&gt;
   &lt;/p-column&gt;
  &lt;/p-dataTable&gt;
  </code></pre>