Datatables search box is not showing

Question

I am using Datatables and I found that the searchbox is not appearing near the table.

$(document).ready(function() {
                    $('#dfUsageTable').DataTable({
                        pageLength: 10,
                        filter: true
                        deferRender:    true,
                        scrollY:        200,
                        scrollCollapse: true,
                        scroller:       true
                    });
                } );

I have tried adding filter option , but still it is not working.

JSFiddle

are you looking for "searching: true"? – DevProf Nov 29 '18 at 07:12 — DevProf, Nov 29 '18 at 07:12
Comment out `//filter: true` and see – Mayank Pandeyz Nov 29 '18 at 07:15 — Mayank Pandeyz, Nov 29 '18 at 07:15

score 3 · Answer 1 · edited Dec 08 '20 at 09:57

3

Please use the following code, you were missing ',' on the third line.

$('#dfUsageTable').DataTable({
    pageLength: 10,
    filter: true,
    deferRender: true,
    scrollY: 200,
    scrollCollapse: true,
    scroller: true
});

edited Dec 08 '20 at 09:57

D.Rosado

5,634
3
36
56

answered Nov 29 '18 at 07:21

Sumit Patel

4,530
1
10
28

score 2 · Answer 2 · answered Dec 24 '20 at 19:57

I know it's a bit late, but I had a similar problem and none of the above helped. What did help was removing a link to a stylesheet I had added called 'hamburger.css' for a hamburger menu. When I removed that, all was fine. So, my suggestion is to remove or comment out css files, except for those required by DataTables, one by one.

score 2 · Answer 3 · answered Mar 29 '21 at 12:42

I know it's too late, but hope it helps future visitors. add "searching": true, and put , after the filter: true

$(document).ready(function() {
  $('#dfUsageTable').DataTable({
    pageLength: 10,
    filter: true,
    deferRender: true,
    scrollY: 200,
    scrollCollapse: true,
    scroller: true,
    "searching": true,
  });
});

Manuel · Answer 4 · 2022-12-18T12:51:21.463

One more thing that could happen:

It can be the case that you have the 'dom' property defined without the 'f' option (which controls the appearing of the input search box, see).

Quick way of testing this is just commenting the 'dom' property in your DataTable, so you can discard that it's something in the way you define it which is messing things up. (Default value, with the searchbox, would apply then).

Datatables search box is not showing

4 Answers4