jquery - Customize Bootstrap datatable filter filed and put place holder -


i need customize bootstrap datatable search field , needs put placeholder in it. , need hide pagination drop down , change position of search filed left. please find attached screenshot more clarification.

i have tried following code using jquery placeholder did not work:

$('#demo-dtable-01_filter input').attr('placeholder','type in customer name, date or amount'); 

enter image description here

fyi, if want move position of field search left, can user dom positioning

$(document).ready(function () {     $('#example').datatable({         "dom": '<"pull-left"f>rt<"bottom"ip>'     });     $('#example').removeclass('display').addclass('table table-striped table-bordered');     $('.datatables_filter input[type="search"]').attr('placeholder','type in customer name, date or amount').css({'width':'250px','display':'inline-block'}); }); 

http://jsfiddle.net/yfhna/


Comments

Popular posts from this blog

Line ending issue with Mercurial or Visual Studio -

c# - Delving into the world of XML (Windows Phone) Error I dont understand (The ' ' character, hexadecimal value 0x20, cannot be included in a name.) -

python - Received unregistered task using Celery with Django -