Custom pagination

  • Resolved etarcosmark

    (@etarcosmark)


    7 years, 7 months ago

    Hi, great plugin )

    couldn’t find an answer to my question. So, here it is :

    I’d like to customize the font and padding of the pagination elements (above and under) the table, i.e change the font, color and padding of “show entry” + the box and “showing 1 to 10 + previous next”.

    I installed the “change datatable strings” that allowed my to change the text but couldn’t find a way to change the rest.

    Also, I’m using Beaver Builder and when integrating a table in a module on the left of my page, “showing 1 to 10 entries” is well under the table on the left, but “previous next” and the arrows are on the opposite at the complete right of my page, aligned with the other part but far from the table ((

    Thanks, the table is helping me a lot )

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 7 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter etarcosmark

    (@etarcosmark)

    7 years, 7 months ago

    Hi, thanks for your answer )

    I’m working on a local host but to give you an idea for both questions, if we consider the following table : https://tablepress.org/demo/ and that my table would stop after the zip column, the <previous next> part is still at the right like it is here while I’d like it of course to under the right part of my table. ))

    And I’d also liked then to customize the pagination elements (font, size…

    Thanks )

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 7 months ago

    Hi,

    I have a feeling what could be causing this. Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .dataTables_wrapper .tablepress {
  width: 100% !important;
}

    To style the pagination controls, you could also use CSS, like

    .dataTables_paginate a {
  color: #ff0000 !important;
  font-size: 20px;
}

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Custom pagination’ is closed to new replies.