Как удалить строку поиска и нижний колонтитул, добавленные плагином jQuery DataTables?

Question

Я использую jQuery DataTables .

Я хочу удалить строку поиска и нижний колонтитул (показывающий, сколько строк видно), которые по умолчанию добавляются в таблицу.Я просто хочу использовать этот плагин для сортировки, в основном.Можно ли это сделать?

Answer 1

Для DataTables> = 1.10 , используйте:

$('table').dataTable({searching: false, paging: false, info: false});

Для DataTables <1.10 </strong>, используйте:

$('table').dataTable({bFilter: false, bInfo: false});

или с использованием чистого CSS:

.dataTables_filter, .dataTables_info { display: none; }

Answer 2

Проверьте http://www.datatables.net/examples/basic_init/filter_only.html для списка функций, чтобы показать / скрыть.

То, что вы хотите, это установить "bFilter" и "bInfo" в false;

$(document).ready(function() {
    $('#example').dataTable( {
        "bPaginate": false,
        "bFilter": false,
        "bInfo": false
                 } );
} );

Answer 3

Вы также можете вообще не рисовать верхний или нижний колонтитул, установив sDom: http://datatables.net/usage/options#sDom

'sDom': 't' 

отобразит ТОЛЬКО таблицу, без верхних и нижних колонтитулов или чего-либо еще.

Это обсуждается здесь: http://www.datatables.net/forums/discussion/2722/how-to-hide-empty-header-and-footer/p1

Answer 4

Если вы используете пользовательский фильтр, вы можете скрыть окно поиска, но все же хотите включить функцию фильтра, поэтому bFilter: false не подходит. Вместо этого используйте dom: 'lrtp', по умолчанию 'lfrtip'. Документация: https://datatables.net/reference/option/dom

Answer 5

var table = $("#datatable").DataTable({
   "paging": false,
   "ordering": false,
   "searching": false
});

Answer 6

Быстрый и грязный способ - узнать класс нижнего колонтитула и спрятать его с помощью jQuery или CSS:

$(".dataTables_info").hide();

Answer 7

<script>
$(document).ready(function() {
    $('#nametable').DataTable({
        "bPaginate": false,
        "bFilter": false,
        "bInfo": false
    });
});
</script>

в конструкторе данных

https://datatables.net/forums/discussion/20006/how-to-remove-cross-icon-in-search-box

Answer 8

, если вы используете themeroller:

.dataTables_wrapper .fg-toolbar { display: none; }

Answer 9

Здесь вы можете добавить элемент sDom в свой код, верхняя строка поиска скрыта.

$(document).ready(function() {
    $('#example').dataTable( {
"sDom": '<"top">rt<"bottom"flp><"clear">'
 } );
} );

Answer 10

Это можно сделать, просто изменив конфигурацию:

$('table').dataTable({
      paging: false, 
      info: false
 });

Но чтобы скрыть пустой колонтитул; этот кусок кода делает свое дело:

 $('table').dataTable({
      paging: false, 
      info: false,

      //add these config to remove empty header
      "bJQueryUI": true,
      "sDom": 'lfrtip'

});