Пользовательская кнопка пагинации в jQuery DataTable

Question

Я использую jQuery dataTables плагины для отображения данных, и один сценарий мне нужно настроить кнопку нумерации страниц, как показано ниже

<<< Action 1 of 3 >>>

Я пытался "dom": '<"#df"<"pull-right"i p>>', и вывод как ниже

Action 1 of 3
<<<  >>>

Я хочу, чтобы информация внутри кнопок пейджинга.Может ли кто-нибудь помочь, пожалуйста?

Answer 1

Вы можете использовать jQuery для замены и добавления текстов в блоке нумерации страниц.

В качестве опции DataTable попробуйте следующее:

"pagingType": "simple",

^ Изменяет формат нумерации страниц для предыдущих 'и'Только кнопки «Далее».

Для замены и добавления текстов в блоке разбивки на страницы внутри обработчика событий рисования таблицы выполните:

dTable.on( 'draw', function () {
    $('.paginate_button.previous').html("<<<");
    $('.paginate_button.next').html(">>>");
    var total_records = dTable.rows().count();
    var page_length = dTable.page.info().length;
    var total_pages = Math.ceil(total_records / page_length);
    var current_page = dTable.page.info().page+1;
    $('.paginate_button.previous').after("<strong>Action "+current_page+" of "+(page_length<0?1:total_pages)+"</strong>");
} );

Примечание: измените dTable на имя переменнойВы инициализировали DataTable(..) с помощью.

https://datatables.net/examples/basic_init/alt_pagination.html