Responsive paging buttons - Datatables Bootstrap 4

Responsive paging buttons - Datatables Bootstrap 4

Reginaldo BoekeReginaldo Boeke Posts: 1Questions: 1Answers: 0

Hello, I have a Datatables configured as responsible, I got access to all the buttons correctly for mobile devices except the paging buttons. They do not fit according to the size of the screen.

This is the dom:option from my table:
"dom": "<'row'<'col-sm-6 col-md-3'l><'col-sm-6 col-md-3'B><'col-sm-12 col-md-6'f>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",

A demonstration of how they are displayed on smaller screens:

Thank you for helping!
Sorry for my bad English.


  • colincolin Posts: 3,617Questions: 0Answers: 636

    Hi @Reginaldo Boeke

    You can change how the paging is displayed with pagingType, this would help keep it within the responsive screen. This post here may also be useful,



Sign In or Register to comment.