DataTable: приховати спадне меню "Показати записи", але збережіть поле "Пошук"

129

Чи можливо приховати спадне меню "Показати записи", але зберегти поле "Пошук" у DataTable? Я хочу завжди відображати 10 рядків із зазначенням сторінки у нижній частині разом із полем пошуку, але не хочу відображати спадне меню Показувати записи.

datatable dt

— FaisalKhan
джерело

288

Додаткову інформацію можна знайти безпосередньо за цим посиланням: 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, це те, що вам потрібно змінити :)

— PERPO
джерело

56

Якщо ви використовуєте Datatable> 1.1.0, тоді lengthChangeвам потрібен варіант:

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

— Джиммі Обеньо Абор
джерело

28

"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

Для таблиць даних <= 1,9, @perpo відповідь «s

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

працює чудово, але для 1.10+ спробуйте це:

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

де ми залишилися поза межами l "регулювання вводу, що змінюється довжиною"

1.9 Документи

1.10 Документи

— Міхал Фрістакі
джерело

це краще, оскільки він видаляє елемент hold holdint. з елементом bLenghChange немає, але є пробіл. Дякую !

— Хамід Саларі

9

Я вирішую це так. Використовуйте завантажувальний 4

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

cdn js:

cdn css:

— відтінки3002
джерело

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
джерело