Глобальный фильтр главных границ без фильтров столбцов

Я работаю над примером, упомянутым в разделе ". Я пытаюсь создать глобальный фильтр для datatable.
В настоящее время таблица выглядит так: enter image description here

Что я хочу сделать, это удалить отдельные фильтры столбцов и иметь только глобальный фильтр. Как это: enter image description here
Для этого я удаляю атрибут filterBy в определениях столбцов. Но при этом я получаю предупреждение javascript - Error in parsing value for filter , declaration dropped, а глобальный фильтр не работает.
Может кто-нибудь рассказать мне, как это сделать?

ОТВЕТЫ

Ответ 1

Убедитесь, что у вас есть filterBy="#{myRowVar.sonmeField}" в каждом p:column (потому что для этого нужен глобальный фильтр)

И добавьте filterStyle="display:none" в каждый p:column (добавление filterStyle="display:none" сделает его невидимым...)

Ответ 2

или вы можете просто поставить:

.ui-column-filter{
     display: none !important;
}

в вашем .css, чтобы скрыть все фильтры столбцов

Ответ 3

Вы также можете использовать это, это взято из 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>