DataTables 2 and pagination button styles

DataTables 2 and pagination button styles

MarkP12MarkP12 Posts: 7Questions: 2Answers: 1

I'm using Angular 17 with Bootstrap 5 and Data Tables.

I've just upgrade to DataTables v2.0.1 and DataTable Buttons v3.0.0.

The pagination buttons prior to this shows in a Bootstrap manor:

Post upgrade the formatting has gone:

Have I missed something in the upgrade, of is this a fault?

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 63,439Questions: 1Answers: 10,459 Site admin

    DataTables 2 has "responsive" paging, whereby it will attempt to reduce the number of buttons until they fit into a single row. It sounds like something is going wrong with that calculation for the styling on your page. Can you give me a link to a page showing the issue please? It is working in the examples on this site so it must be some interaction with the styling on your page and I'd need a way to be able to reproduce the issue to be able to resolve it.

    Thanks,
    Allan

  • MatthMatth Posts: 1Questions: 0Answers: 0
    edited February 29

    Hi,

    I had the same bug. This was because my DIV container had display:none waiting for everything to load. So i think that the calculation for responsiveness was not good since the div was not displayed.

    I hope this can help.

  • MarkP12MarkP12 Posts: 7Questions: 2Answers: 1
    Answer ✓

    I've noticed that the names have changed.

    E.g. datatable_processing to dt-processing.

    I've adjust some bit in my own style sheet and now everything is well.

    Thanks.

  • MarkP12MarkP12 Posts: 7Questions: 2Answers: 1

    I also added a language section in to set the pagination buttons back to how they were.

Sign In or Register to comment.