Adminlte: [BUG] DataTable pagination button does not responsive on mobile layout

[quanengineering]

If you adjust the screen width below 370px, the pagination buttons do not collapse.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://adminlte.io/themes/v3/pages/tables/data.html
2. Turn on Chrome Dev mode
3. Adjust the screen width below 370px
4. See error

Screenshots

Environment (please complete the following information):

• AdminLTE Version: latest
• Operating System: Ubuntu 18.04
• Browser (Version): Chrome (Latest)

[quanengineering]

Update: this problem already discussed on this post.

Seems like the best solution for now is:

@media screen and (max-width: 450px) {
    li.paginate_button.previous {
        display: inline;
    }

    li.paginate_button.next {
        display: inline;
    }

    li.paginate_button {
        display: none;
    }
}

[REJack]

You can also override the amount of numbers showing with

$.fn.DataTable.ext.pager.numbers_length = 5;

I would not add a fix for this, to give the users the control over the style.