Adaptation “X number” & Pagination

Hi,

thanks for your question, and sorry for the trouble.

Yes, a pagination like this is possible. Just add this to the “Custom Commands” text field (“Eigene Befehle” in German) on the table’s “Edit” screen:
"pagingType": "simple_numbers"

For the drop-down at the top, it seems that you want to change the text? For that, you can use the TablePress Extension from https://tablepress.org/extensions/change-datatables-strings/

Regards,
Tobias

Hi Tobias,

thanks for the quick support.

One question is still open:

We also wanted to ask if the header can also be taken as a footer, so that the user see also the information below at long tables.

Is this also possible?

We have now as described the Plugin downloaded, activated and moved the file to another folder. What we need to do now, so that the footer is also displayed according to how on your demo: https://tablepress.org/demo/

Best regards,
Cecco

Hi,

ah, sorry, forgot about that question.

You’d have to manually add such a footer row, i.e. copy your header row, move it to the bottom and then check the “Table footer” checkbox on the “Edit” screen.

The mentioned Extension is for changing the words around the “Eintr?ge” dropdown, it has nothing to do with the footer.

Regards,
Tobias

Hi Tobias,

how we can insert these text above the table?

https://prntscr.com/d29ml6

Where we must insert the “infoEmpty” tag?

Is it possible to change the <> to another icon?

And one question about the dropdown style: actually is it blue. How we can style the dropdown?

Best regards,
Cecco

• This reply was modified 8 years ago by Cecco01.
• This reply was modified 8 years ago by Cecco01.

Hi,

to move that text above the table, you’d have to adjust that “Custom Command” again:
"pagingType": "simple_numbers","dom": "lifrtp"
(see https://datatables.net/reference/option/dom for the documentation on this).

Changing the arrow icons is possible but will require loading a custom icon font and then adjusting them via CSS code. For the drop down, you could also use CSS code. However, note that most browsers will have a default style that also depends on the operating system. That is, you won’t have total flexibility here.

Regards,
Tobias

Hi Tobias,

sorry, but it does not work.

We have inserted these parameters, but it is not displayed correctly.

WordPress: https://prntscr.com/d2hbra

Table: https://prntscr.com/d2hd5b

Any idea what we are doing wrong?

Best regards,
Cecco

Hi,

what exactly does not work?

In the first screenshot, you use lfrtip as the value, instead of the lifrtp that I suggested above.
In the second screenshot however, the info is gone? Or do you want it in both places? Then try a value like lifrtip.

Regards,
Tobias

Hi Tobias,

we want to show at the end of the table (left side) the same like in your demo table:

https://prntscr.com/d2irzx

Best regards,
Cecco

Hi,

is the “Table Info” checkbox checked on the table’s “Edit” screen?
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

Hi Tobias,

now it works ??

But it is shown at the top of the table. Must we change the following parameter?

“pagingType”: “simple_numbers”,”dom”: “lifrtp”

On your demo table it will only appear at the bottom right.

Best regards,
Cecco

• This reply was modified 8 years ago by Cecco01.

Hi,

please be more precise here. What do you want to show where exactly?

Regards,
Tobias