three dots (...) on pagination

three dots (...) on pagination

daniele50daniele50 Posts: 3Questions: 0Answers: 0
edited August 2014 in Free community support

When paging is long 3 dots are shown, but after the next button:

Previous | 1 | 2 | 3 | 4 | 5 | 100 | Next | ... |

It should be like this:

Previous | 1 | 2 | 3 | 4 | 5 | ... | 100 | Next |

Replies

  • allanallan Posts: 63,516Questions: 1Answers: 10,472 Site admin

    It appears to work okay for me: http://live.datatables.net/razixeti/1/edit . Can you please link to a test case (as required in the forum rules) showing the issue?

    Allan

  • daniele50daniele50 Posts: 3Questions: 0Answers: 0
  • allanallan Posts: 63,516Questions: 1Answers: 10,472 Site admin

    The a tags in your pagination display have float: left on them for some reason which is what is causing the problem: .metro .dataTables_wrapper .dataTables_paginate .paginate_button is the selector.

    Is this a theme that you downloaded from somewhere? It might be worth asking the author of the theme, if it wasn't yourself, why that was put in.

    Allan

  • daniele50daniele50 Posts: 3Questions: 0Answers: 0

    Yer, thisi is Metro UI CSS 2.0 theme (http://metroui.org.ua/).
    I solved it by editing jquery.dataTables.js (already included in this theme) at line 13566:

    now use this

    container.append('<span class=\"paginate_button\">…</span>');

    instead of

    container.append('<span>…</span>');

    Thanks for the support! :-)

This discussion has been closed.