Changes to Previous / Next Pagination

  • Resolved amanfre

    (@amanfre)


    5 years, 11 months ago

    Hi,

    Am trying to do couple things;

    1. How do you remove previous button on the first page. I only want the previous button to appear on page 2, which makes more sense.

    2. How can you place the previous / next buttons on the top of the table as well, where the search box is normally positioned?

    3. How do you remove previous / next wording and just leave the arrows instead?

    Thank you

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    1. For this, you can add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .dataTables_paginate .previous.disabled,
.dataTables_paginate .next.disabled {
    visibility: hidden;
}

    2. For this, please add this to the “Custom Commands” text field on the table’s “Edit” screen:

    "dom": "lfprti"

    (This follows the documentation from https://datatables.net/reference/option/dom ).

    3. For this, this extend the “Custom Command” from 2) to

    "dom": "lfprti", "language": { "paginate": { "next": "", "next": "previous" } }

    (This follows the documentation from https://datatables.net/reference/option/language.paginate.next ).

    Regards,
    Tobias

    Thread Starter amanfre

    (@amanfre)

    Hi Tobais,

    They work well thanks, but for number 2 I want the previous / next to show both on the top and bottom. When I enter “dom”: “lfprti” it only places it on the top, the bottom is now gone.

    How can we fix that?

    Cheers

    Thread Starter amanfre

    (@amanfre)

    Also how can you change the font colour and size of previous / next. Ive managed to do it for the buttons but not the text.

    Thread Starter amanfre

    (@amanfre)

    Ignore font colour / size issue, now resolved. Previous issue still outstanding.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    to have the Previous/Next links appear both above and below the table, just repeat the letter p in the command, like

    "dom": "lfprtip"

    Regards,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changes to Previous / Next Pagination’ is closed to new replies.