Окно поиска в Datatables не отображается

Question

Я использую Datatables и обнаружил, что окно поиска не появляется рядом со столом.

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

Я попытался добавить опцию фильтра, но все еще не работает.

JSFiddle

Answer 1

Пожалуйста, используйте следующий обновленный код будет работать. Вы пропустили ',' в третьей строке.

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

Answer 2

Я знаю, что уже слишком поздно, но надеюсь, что это поможет будущим посетителям. добавлять "searching": true,и положи ,после filter: true

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

Answer 3

Я знаю, что это немного поздно, но у меня была похожая проблема, и ничего из вышеперечисленного не помогло. Что действительно помогло, так это удаление ссылки на таблицу стилей, которую я добавил под названием «hamburger.css» для гамбургер-меню. Когда я это удалил, все было в порядке. Итак, я предлагаю удалить или закомментировать файлы css, за исключением тех, которые требуются для DataTables, один за другим.

Answer 4

Еще одна вещь, которая может случиться:

Это может быть случай, когда у вас есть свойство dom, определенное без опции 'f' (которая управляет появлением окна поиска ввода, см. Ресурсы ).

Быстрый способ проверить это - просто прокомментировать свойство dom в вашем DataTable, поэтому вы можете отказаться от того, что это что-то в том, как вы его определяете, что все портит. (Тогда будет применяться значение по умолчанию с полем поиска).