Як приховати “Показ 1 із N записів” за допомогою бібліотеки dataTables.js


92

Як видалити рядок тексту "Показано 1 із N записів" у таблиці даних (тобто, коли використовується бібліотека даних dataTables бібліотеки? Думаю, я шукав щось у цьому напрямку ...

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

Цілком впевнений, що це простий, але, здається, не вдається знайти його в документах.

Відповіді:


256

Ви можете видалити його за допомогою bInfoопції ( http://datatables.net/usage/features#bInfo )

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

Оновлення: оскільки Datatables 1.10. * Цю опцію можна використовувати як info, bInfoвсе ще працює в поточній нічній збірці (1.10.10).


3
Це краща відповідь, ніж моя, якщо все, що ви хочете зробити, це приховати. Якщо вам потрібно його оформити, приємно, що Аллан загорнув кожен елемент у свій власний клас, щоб ви могли це зробити.
Дайку,

Мені ця відповідь теж найбільше подобається, тому що вона тримає її спрямованою на параметри dataTable, але також дякую Daiku, оскільки у мене є якийсь вибір ... Nick
nickL

Це робить розрив типу таблиці "редагованим" (неможливо відредагувати або зберегти рядки).
jovan

@jovan Я не думаю, що цей параметр може перешкоджати "редагуванню". У вас є приклад (можливо, jsfiddle), я можу розглянути його для вас?
BMH

1
@BMH Я змусив це працювати - чесно кажучи, я вже навіть не пам'ятаю, в чому була проблема!
jovan

8

Якщо вам потрібно відключити спадне меню (щоб не приховувати текст), тоді встановіть для lengthChangeпараметра опціюfalse

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

Працює для таблиць даних 1.10+

Детальніше читайте в офіційній документації


7
Це приховує спадне меню. Він не приховує тексту "показ 1 із N записів"
девлін карнатес

4

Зараз це, здається, працює:

$('#example').DataTable({
  "info": false
});

це divвзагалі приховує


3

спробуйте це для приховування

$('#table_id').DataTable({
  "info": false
});

і спробуйте це для мітки зміни

$('#table_id').DataTable({
 "oLanguage": {
               "sInfo" : "Showing _START_ to _END_ of _TOTAL_ entries",// text you want show for info section
            },

});

0

Це робота для мене:

language:{"infoEmpty": "No records available",}

Здається, це не відповідає на запитання, яке вимагає способу придушити повідомлення, коли є записи. Схоже, ви змінюєте повідомлення, яке відображатиметься з відсутністю записів, що не є проблемою, про яку запитує OP.
JohnRC
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.