The pagination plugin of input.js is missing a page number input.

marcohua

My internal website upgraded DataTables from v1.13.11 to v2.0.3, and input.js from v1.13.6 to v2.0.3 recently. The pagination does not function as usual.

css files
https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css
https://code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css
https://cdn.datatables.net/2.0.3/css/dataTables.dataTables.min.css
https://cdn.datatables.net/buttons/3.0.1/css/buttons.dataTables.min.css

js files:
https://code.jquery.com/jquery-3.7.1.min.js
https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js
https://code.jquery.com/ui/1.13.2/jquery-ui.min.js
https://cdn.datatables.net/2.0.3/js/dataTables.min.js
https://cdn.datatables.net/buttons/3.0.1/js/dataTables.buttons.min.js
https://cdn.datatables.net/buttons/3.0.1/js/buttons.colVis.min.js
https://cdn.datatables.net/buttons/3.0.1/js/buttons.html5.min.js
https://cdn.datatables.net/buttons/3.0.1/js/buttons.print.min.js
https://cdn.datatables.net/plug-ins/2.0.3/pagination/input.js

DataTables pagination config:
pagingType: 'input',
layout: {
topEnd: 'paging',
bottomEnd: 'paging'
}

After upgrading v1 to v2, the input pagination is missing a input box and the appearing is completely different.

v1:

v2

Did I miss something? I do appreciate if someone can help. Thank you.

allan

You you haven't missed anything - that particular plug-in hasn't been updated for v2 yet. Apologies.

I hope to update it in the near future and will put a blog post up about it when I do.

Allan

marcohua

Thank you for the prompt reply. Looking forward to an update.