Responsive paging buttons - Datatables Bootstrap 4

Reginaldo Boeke

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:
https://imgur.com/imLGPNZ

Thank you for helping!
Sorry for my bad English.

colin

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,

Cheers,

Colin