DataTable global filtering not working as expected when using columns templates

Question

i'm trying using global filtering width PrimeNG dataTable template columns, but filter behave weird and not working as expected

Global filter: <input #gb pInputText type="text">
<hr>
<p-dataTable [value]="cars" [globalFilter]="gb">
    <p-column field="vin" header="Vin">
      <template let-col let-car="rowData" pTemplate="body">
           {{car[col.field]}}
        </template>
    </p-column>
    <p-column field="year" header="Year">
      <template let-col let-car="rowData" pTemplate="body">
          {{car[col.field]}}
        </template>
    </p-column>
    <p-column field="brand" header="Brand">
      <template let-col let-car="rowData" pTemplate="body">
          {{car[col.field]}}
        </template>
    </p-column>
    <p-column field="color" header="Color">
        <template let-col let-car="rowData" pTemplate="body">
          {{car[col.field]}}
        </template>
    </p-column>
</p-dataTable>

I made plunker to demonstrate the issue

Thanks!

Answer 1

Ok we had the same problem. And after an hour of endless google searching. We noticed we hadn't the latest version. Simply by updating to 1.1.4, the problem was solved.