CODEWITHSUNDEEP
javascriptfilterdatatableprimefaces
neeraj
neeraj

Reputation: 480

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: enter image description here

What I want to do is remove the individual column filters and have only the global filter. Like this: enter image description here
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?

Upvotes: 13

Views: 14439

Answers (2)

asdrubal
asdrubal

Reputation: 41

or you can just put:

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

in your .css to hide all column filters

Upvotes: 1

Daniel
Daniel

Reputation: 37061

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...)

Upvotes: 27

Related Questions