2016-12-27 1 views
1

Пытаются с помощью глобальной ширина Фильтрации PrimeNG DataTable столбцов шаблона, но фильтр ведет себя странно и не работает, как ожидаласьDataTable глобальная фильтрация не работает должным образом при использовании столбцов шаблонов

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> 

Я сделал plunker, чтобы продемонстрировать проблему

Спасибо!

ответ

1

Хорошо, у нас была та же проблема. И после часа бесконечного поиска в Google. Мы заметили, что у нас не была последняя версия. Просто обновив до 1.1.4, проблема была решена.

+0

Вы правы, я просто обновляю [plunker] (http://plnkr.co/edit/iGmyz0?p=preview) версию PrimeNG до версии 1.1.4, и он фильтруется, как ожидалось – gilhanan

Смежные вопросы