primefaces global filter without the column filters

问题

I'm working on the example mentioned in primefaces showcase. I am trying to create a global filter for the datatable.
Currently the table looks like this:

What I want to do is remove the individual column filters and have only the global filter. Like this:

To do that I remove the filterBy attribute on the column definitions. But on doing that, I get a javascript warning - Error in parsing value forfilter, declaration dropped and the global filter doesn't work.
Could someone please tell me how to achieve this?

回答1:

Make sure you have the filterBy="#{myRowVar.sonmeField}" in every p:column (because the global filter needs it)

And also add the filterStyle="display:none" in every p:column (adding of filterStyle="display:none" will make it not visible...)

回答2:

or you can just put:

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

in your .css to hide all column filters

来源：https://stackoverflow.com/questions/10701841/primefaces-global-filter-without-the-column-filters