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

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

12 96
kdtree datatable

12 ответов:

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

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

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

EDIT: если вы ленивы, "bLengthChange": false, это тот, который вам нужно изменить :)

210

Если используется Datatable > 1.1.0, то - это то, что вам нужно, как показано ниже :

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

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

13
"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
8

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

"fnHeaderCallback": function(){
    $('#YOURTABLENAME-table_length').hide();
}
7

Для DataTables @perpo ' s ответ

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

работает нормально, но для 1.10+ попробуйте это:

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

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

1.9 Docs

1.10 Docs

5

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

$('#example').DataTable({
    dom: 'Bfrtip'
})
2

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

просто скрыть его от CSS с помощью,

 .dataTables_length {
        display: none;
    }

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

2

чтобы скрыть "показать записи", но все еще есть разбиение на страницы. Я использовал код ниже, и это сработало.

"bPaginate": true,
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
"bAutoWidth": false
1

добавить такой вариант:

"bInfo": false
1

чтобы отключить метку "показать записи", используйте "bInfo", пример: "bFilter" является компонентом поиска, но активны по умолчанию.

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

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

0

Я решаю это так. Используйте bootstrap 4

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

cdn js:

cdn css:

0