remove paginate arrows while maintaining one row view

also, one more thing…

Left justify the search box?

Thank you, sir!

Hi,

thanks for your question! Great to hear that you like the plugin!

To hide the arrows, and to move the search field, you can ue this “Custom CSS” code (to be entered on the “Plugin Options” screen):

#tablepress-2_wrapper .dataTables_paginate {
  display: none;
}
#tablepress-2_wrapper .dataTables_filter {
  float: left;
}

Regards,
Tobias

perfekt!
just left you a review, 5 stars of course

Last thing – and this would just be icing on the cake:

When the page loads (chrome, IE) , for a second the entire table loads and the page is so long. then after a second it gets cut to proper size

thinking this might just be an issue with the WP theme. any solution?

ps. if I wasn’t broke, I would donate! You’re a savior!

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

For that loading issue, there’s no real solution, unfortunately ?? The problem here is that the browser first needs to load the data for the entire table, and then executed the JavaScript that hides the other rows.

Best wishes,
Tobias

Hi,

I like your plugin a lot. It is easy to work and maintain and as all of its users, I will rate it 5 stars for sure!

I want to use the paginate function, but I want to hide the arrows bellow the table. I’ve tried to put the Custom CSS code as you have pointed, but unfortunately it didn’t work out.

I’m using the latest versions of WordPress and TablePress. Can you please advise, what the problem might be.

Hi,

thanks for your post, and sorry for the trouble.

So, do you simply want to hide the arrows, but keep the “Next” and “Previous” texts? Then, please try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.paginate_disabled_previous:before,
.paginate_enabled_previous:before,
.paginate_disabled_next:after,
.paginate_enabled_next:after {
        content: '';
}

Regards,
Tobias

Hi,

I want to thank you for your fast response. I didn’t express myself in proper way. I want to hide both arrows and text, but I want to be able to make visitors see only one or few rows. I just don’t want them to be able to change rows.

Thank you in advance and sorry I didn’t explain it clear in first place ??

Hi,

ok, I see, but how are those hidden rows then ever going to be displayed, if the user has no way to get there?
You chould achieve this with the “Custom CSS”

#tablepress-2_wrapper .dataTables_paginate {
  display: none;
}

(where the 2 would have to be changed to your table’s ID), but for permanently hiding some rows (which I assume is what you want), you could simply hide them on the “Edit” screen of the table, by selecting the checkboxes on the left to those rows and then clicking the “Selected rows: Hide” button. (With that, you could then also turn of “Pagination” entirely on the “Edit” screen.)
Or am I still misinterpreting your question?

Regards,
Tobias

Thank you Tobias!

This was exactly the “Custom CSS” I needed. Thank you for your help. Once again you have done great job with developing this plugin and its support.

Thank you and have a great day!

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias

Hi Tobias,

I’m having another question ?? Hope I’m not too much annoying. Most likely I should start a new topic for this, but if you want I can move it afterwards.

What I’m trying to do is to develop a website where I can upload a .csv file with a lot of customer information and to visualize only the row of info for the particular customer. This I’ve already did with your help in the previous topics.

To make the the customer search secure, I want to make a double check form , where the first search field is searching a particular column and the second search field is searching another column. If a row matches both searched fields, it is shown as a result. Hope, I have explain it clear enough, even though I doubt it ??

So my final question is, can I do such table press optimization and what would you advice me?

Thank you in advance.

Best Regards,
Deyan

Hi,

thanks for your new question.

Unfortunately, I have to disappoint you here. This is not something that TablePress can do ??
It would probably be possible to write some custom JavaScript code to extend the search capabilities of the DataTables JS library, so that it searches in two fields. However, as I’m not the developer of that library, I just don’t know how that would have to look like ??

Then, even if that were achieved, there’s a fundamental flaw: TablePress (and the JS code) works on the full HTML table. Experienced users would therefore always be able to get the desired information, as it’s always on the page — it’s just hidden from the visitor, but it’s not inaccessible.

Therefore, for something like this, you should consider a custom PHP/mySQL based solution that does some sort of authentication and then returns the desired data from a database table.

Sorry for not having better news.

Regards,
Tobias