title: PrimeNG v5.2.4 p-table global filter not working
body: <p>I used p-datatable previously and the global filter worked. However when I changed to p-table, the global filter template displayed nicely but the input box is not clickable. </p>
  
  <p>Here's the code</p>
  
  <pre><code>&lt;p-table #dt 
  [value]="sensorLocationList" 
  [columns]="cols" 
  [(selection)]="selectedSl" 
  sortMode="multiple" [paginator]="true" 
  [rows]="20" 
  [globalFilterFields]="['dummy1','dummy2','dummy3','dummy4']"
  &gt;
  
  &lt;ng-template pTemplate="caption"&gt;
          &lt;div style="text-align: left"&gt;        
              &lt;i class="fa fa-search" style="margin:4px 4px 0 0"&gt;&lt;/i&gt;
              &lt;input type="text" pInputText size="50" placeholder="Global Filter" (input)="dt.filterGlobal($event.target.value, 'contains')" style="width:auto"&gt;
          &lt;/div&gt;
  &lt;/ng-template&gt;
  </code></pre>
  
  <p>Header:</p>
  
  <pre><code>&lt;ng-template pTemplate="header" let-columns&gt;
          &lt;tr&gt;
              &lt;th style="width: 2.25em"&gt;&lt;/th&gt;
              &lt;th *ngFor="let col of columns" [pSortableColumn]="col.field"&gt;
                  {{col.header}}
                  &lt;p-sortIcon [field]="col.field"&gt;&lt;/p-sortIcon&gt;
              &lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;th style="width: 2.25em"&gt;
                  &lt;p-tableHeaderCheckbox&gt;&lt;/p-tableHeaderCheckbox&gt;
              &lt;/th&gt;
              &lt;th *ngFor="let col of columns" [ngSwitch]="col.field"&gt;
                  &lt;input *ngSwitchCase="'dummy1'" pInputText placeholder="Search" type="text" class="search-box" (input)="dt.filter($event.target.value, col.field, col.contains)"&gt;
                  &lt;input *ngSwitchCase="'dummy2'" pInputText placeholder="Search" type="text" class="search-box" (input)="dt.filter($event.target.value, col.field, col.contains)"&gt;
                  &lt;input *ngSwitchCase="'dummy3'" pInputText placeholder="Search" type="text" class="search-box" (input)="dt.filter($event.target.value, col.field, col.contains)"&gt;
                  &lt;input *ngSwitchCase="'dummy4'" pInputText placeholder="Search" type="text" class="search-box" (input)="dt.filter($event.target.value, col.field, col.contains)"&gt;
              &lt;/th&gt;
       &lt;/ng-template&gt;  
  </code></pre>
  
  <p>And one sample of body:</p>
  
  <pre><code>&lt;ng-template pTemplate="body" let-rowData let-columns="columns"&gt;
              &lt;tr [pSelectableRow]="rowData"&gt;
                      &lt;td [pEditableColumn]="rowData" [pEditableColumnField]="'dummy1'" [ngStyle]="cellEdit(rowData)"&gt;
                          &lt;p-cellEditor&gt;
                              &lt;ng-template pTemplate="input"&gt;
                                  &lt;input pInputText type="text" [(ngModel)]="rowData.dummy1"&gt;
                              &lt;/ng-template&gt;
                              &lt;ng-template pTemplate="output"&gt;
                                  {{rowData.dummy1}}
                              &lt;/ng-template&gt;
                          &lt;/p-cellEditor&gt;
                      &lt;/td&gt;
               &lt;/tr&gt;
  &lt;/ng-template&gt;
  &lt;/p-table&gt;
  </code></pre>
  
  <p>Everything works fine including the column filter. I've searched everywhere for the solution and found most of the problem is because the PrimeNG version was not up-to-date, but my version is updated. Any idea? </p>