Измените элемент управления длиной страницы из выпадающего списка на ссылки

#jquery #datatables

#jquery #таблицы данных

Вопрос:

Мне было интересно, можно ли Records per page изменить параметры выпадающего списка на набор ссылок. Я не смог найти ничего связанного в документах и хотел бы знать, возможно ли это вообще.

Из этого:

введите описание изображения здесь

К этому:

введите описание изображения здесь

Ответ №1:

Вы можете использовать page.len() метод API для установки длины страницы.

Простой пример использования ссылок для задания длины страницы:

 var table = $('#example').DataTable({
   dom: '<"#example-page-length">frtip',
   lengthMenu: [ 15, 25, 50 ],
   initComplete: function(){
      $('#example-page-length').html(
         'Records per page: <a href="javascript:;">15</a> <a href="javascript:;">25</a> <a href="javascript:;">50</a>'
      );
   }
});

$(table.table().container()).on('click', '#example-page-length a', function(){
   table.page.len($(this).text()).draw();
});
  

Смотрите этот jsFiddle для кода и демонстрации.

Комментарии:

1. Блестящий API-майнинг!

Ответ №2:

Похоже, для этого нет возможности, но вы должны быть в состоянии собрать это вместе, используя buttons и page.len()

https://datatables.net/reference/option/buttons.buttons

https://datatables.net/reference/api/page.len ()