Фильтр dataTables.net без включенного ввода фильтра

Я хочу использовать функцию фильтра DataTables, но не хочу использовать их поле поиска.

В своих документах под bFilter говорится:

Обратите внимание, что если вы хотите использовать фильтрацию в DataTables, это должно оставаться "истинным" - чтобы удалить поле ввода фильтра по умолчанию и сохранить возможности фильтрации, используйте

после чего предложение остается незавершенным.

Я пробовал:

var oTable = $('#sortable').dataTable({
    'bPaginate':false,
    'bInfo':false,
    'bFilter': true // displays Search box, setting false removes filter ability all together
});
$('#Accumulate').click(function(){
    oTable.fnFilter("Accumulate");
});

Ответ 1

Вы также можете скрыть использование класса css

<style type="text/css">
.dataTables_filter {
     display: none;
}
</style>

Ответ 2

Pratyush,

Чистое косметическое отображение и скрытие различных элементов пользовательского интерфейса выполняется с помощью параметра sDom:

http://datatables.net/usage/options#sDom

Обратите внимание, что требуемый синтаксис отличается в зависимости от того, используется ли пользовательский интерфейс jQuery или нет.

Ответ 3

Используйте (потенциально ускорите инициализацию данных, чтобы избежать некоторых вычислений):

$("#table").dataTable({"bFilter": false});

или любой sDom без f (см. официальные документы http://datatables.net/usage/options#sDom для списка доступных опций):

$("#table").dataTable({"sDom": '...t...'});

Ищите те же параметры на официальном сайте поддержки: http://datatables.net/forums/discussion/289/disable-search-filter-text-box

Ответ 4

"sDom": 'ltipr'

- это самый простой способ сделать это.

полный пример, который я использовал:

 oTable = $('#overview').dataTable(

        {
           "aoColumns":[
                               null,
                               null,
                               null,
                               null,
                               null,
                                { "sSortDataType":"date-euro"},
                                { "sSortDataType":"date-euro",},
                               null
              ],
              "aaSorting":[],
              "iDisplayLength": -1,
              "aLengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]],
              "sDom": 'ltipr'

        }
        );