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
источник