Я работаю над примером, упомянутым в разделе ". Я пытаюсь создать глобальный фильтр для datatable.
В настоящее время таблица выглядит так:
Что я хочу сделать, это удалить отдельные фильтры столбцов и иметь только глобальный фильтр.
Как это:
Для этого я удаляю атрибут filterBy в определениях столбцов. Но при этом я получаю предупреждение javascript - Error in parsing value for filter , declaration dropped, а глобальный фильтр не работает.
Может кто-нибудь рассказать мне, как это сделать?
Убедитесь, что у вас есть filterBy="#{myRowVar.sonmeField}" в каждом p:column (потому что для этого нужен глобальный фильтр)
И добавьте filterStyle="display:none" в каждый p:column (добавление filterStyle="display:none" сделает его невидимым...)
или вы можете просто поставить:
.ui-column-filter{
display: none !important;
}
в вашем .css, чтобы скрыть все фильтры столбцов
Вы также можете использовать это, это взято из PrimeNG table-Filter
<div class="ui-widget-header" style="padding:4px 10px;border-bottom: 0 none">
<i class="fa fa-search" style="margin:4px 4px 0 0"></i>
<input #gb type="text" pInputText size="50" placeholder="Global Filter">
</div>
<p-dataTable [value]="cars" [rows]="10" [paginator]="true" [globalFilter]="gb" #dt>