DataTabels - How to remove top search bar?

Asked Jul 31 '17 at 03:16

Active Jul 31 '17 at 03:25

Viewed 68 times

in datatables there is a search bar on top of the table and there is search bar on each column is it possible to remove the top search bar ?

i know i can use {searching: false} but it will disable searching on each column too i just want to hide/remove the top search bar i want other search bars work properly

here's my js code :

$('#table-1').dataTable({paging: false, bDeferRender: true, bProcessing: true});
var table = $('#table-1').dataTable();
$('#table-1 tfoot th').each(function (i) {
    var title = $('#table-1 thead th').eq($(this).index()).text();
    var serach = '<input type="text" class="coulmnSearch" placeholder="جستجوی ' + title + '" />';
    $(this).html('');
    $(serach).appendTo(this).keyup(function(){table.fnFilter($(this).val(),i)})
});

edited Jul 31 '17 at 03:25

asked Jul 31 '17 at 03:16

Erfan

Check this https://jsfiddle.net/jignesh221290/y3o1hxsv/1/ – jignesh patel Jul 31 '17 at 04:32
@ jignesh patel it will disable the search bars on columns too – Erfan Jul 31 '17 at 06:30
$(".dataTables_filter input").off(); $(".dataTables_filter").css("display", "none"); – Bindrid Jul 31 '17 at 06:52
see it work at http://live.datatables.net/yubizeku/1/edit also, for datatables 1.10+ use DataTable (capital d) not dataTable – Bindrid Jul 31 '17 at 06:54
@Erfan Check this http://jsfiddle.net/jignesh221290/6y2ws3up/1/ – jignesh patel Jul 31 '17 at 07:19
tnx every one my problem solved i cannot check correct answer here but i really appreciate your help Thank You – Erfan Jul 31 '17 at 16:35

DataTabels - How to remove top search bar?

0 Answers0