how to add placeholder text in the filter box in datatable column headers

Question

I have a prime faces datatable with few columns and have filteryBy attribute for all the columns. How do I add placeholder or watermark to provide hint for users. Any suggestion

Answer 1

You can change this without overriding the placeholder attribute by going to jquery.dataTables.js line 2701 and replacing

.attr( 'placeholder', language.sSearchPlaceholder )

with

.attr( 'placeholder', 'Search table...' )

You could also find the sSearchPlaceholder variable which is probably located in a language file and replace that.