DataTable: скрыть раскрывающийся список Показать записи, но оставить поле поиска

130

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

datatable dt FaisalKhan
источник

Ответы:

289

Вы можете найти дополнительную информацию прямо по этой ссылке: http://datatables.net/examples/basic_init/filter_only.html 

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

Надеюсь, это поможет !

РЕДАКТИРОВАТЬ: если вы ленивы, "bLengthChange": false, это тот, который вам нужно изменить :)

PERPO
источник
56

Если вы используете Datatable> 1.1.0 lengthChange, то вам нужен вариант, как показано ниже:

$('#example').dataTable( {
  "lengthChange": false
});
Джимми Обоньо Абор
источник
29 
"searching": false,   // Search Box will Be Disabled

"ordering": false,    // Ordering (Sorting on Each Column)will Be Disabled

"info": true,         // Will show "1 to n of n entries" Text at bottom

"lengthChange": false // Will Disabled Record number per page
Нив
источник
19

Это ключевой ответ на этот пост, "bLengthChange": false,который скроет раскрывающийся список записей.


источник
9

Для DataTables <= 1.9 ответ @perpo

$('#example').dataTable({
    "bLengthChange": false
});

работает нормально, но для версии 1.10+ попробуйте следующее:

$('#example').dataTable({
    "dom": 'ftipr'
});

где мы не учли l"элемент управления вводом изменения длины"

1.9 Документы

1.10 Документы

Михал Фристацкий
источник
это лучше, потому что он удаляет div, удерживающий элемент. с bLenghChange элемент отсутствует, но есть пробел. Спасибо !
Хамид Салари,
9

Решаю вот так. Используйте bootstrap 4

    $(document).ready(function () {
        $('#table').DataTable({
            "searching": false,
            "paging": false,
            "info": false
        });
    });

cdn js:

cdn css:

shades3002
источник
1
Это работает для таблиц данных в 2018 году, никто другой не работал.
Даммёль
8

sDom: "Tfrtip" или через обратный вызов:

"fnHeaderCallback": function(){
    $('#YOURTABLENAME-table_length').hide();
}
cnizzardini
источник
3

Чтобы отключить метку «Показать записи», добавьте код dom: 'Bfrtip' или вы можете добавить «bInfo»: false

$('#example').DataTable({
    dom: 'Bfrtip'
})
Читранджан Шриваства
источник
2

Вы также можете попробовать это.

просто скройте его из CSS, используя,

 .dataTables_length {
        display: none;
    }

Оба будут работать.

Рупеш Камбл
источник
2

Просто пиши :

  $(document).ready( function () {
        $('#example').dataTable( {
          "lengthChange": false
        } );
    } );
Хасан Шейх
источник
1

Чтобы скрыть «показывать записи», но по-прежнему иметь разбивку на страницы. Я использовал приведенный ниже код, и он сработал.

"bPaginate": true,
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
"bAutoWidth": false
ejay56
источник
1

Добавьте эту опцию:

"bInfo": false
cyber8200
источник
0

Чтобы отключить метку «Показать записи», используйте «bInfo», например: «bFilter» - это компонент поиска, но активен по умолчанию.

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

Включение или отключение отображения информации таблицы. Здесь отображается информация о данных, которые в настоящее время отображаются на странице, включая информацию о отфильтрованных данных, если это действие выполняется.

steffanjj
источник