Weird open space in table

Hi,

thanks for your post, and sorry for the trouble.

The reason for this is some CSS code in your theme, that influences tables like this. (The code is useful for other purposes, but the theme author was not careful enough about checking whether the code interferes with other elements on the page.)

To fix this, I’ve added some more robust CSS code to TablePress, which will ship in the next release. It is also already part of the current developer version, so that I’d recommend that you update to that. Just download https://tablepress.org/download/tablepress-dev.zip and replace the “tablepress” folder in the “wp-content/plugins/” folder on your server with the contents from the ZIP file.

Regards,
Tobias

That cleared it right up!

Hi,

awesome! ?? Great to hear that this helped!

Now, from what I can see, a small problem with the padding remains, so that I recommend that you add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

#content_container .tablepress th,
#content_container .tablepress td {
	padding: 8px;
}
#content_container .dataTables_wrapper .sorting,
#content_container .dataTables_wrapper .sorting_asc,
#content_container .dataTables_wrapper .sorting_desc {
	padding-right: 20px;
}

Regards,
Tobias

Wow. Thanks for the extra help! Look perfect. Donation sent.

Hi,

sure, no problem, you are very welcome! ?? Great to hear that you like the look!
And thanks for the donation, I really appreciate it!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

One thing from your examples.

https://www.poorpigs.de/baseball/teamroster/saison-2013/

How do you do the large rectangle dropdown with all the extra info??

Hi,

that’s not actually done with TablePress, but with some custom JavaScript code.

Something very similar to this is however possible with a TablePress Premium Extension, that you can get at https://tablepress.org/extensions/datatables-row-details/

Just install and activate that like a regular WordPress plugin. Then, extend your table’s Shortcode to

[table id=123 datatables_row_details=true datatables_row_details_columns="1" /]

This will hide the first column and show its content after the user clicks on the new “+” icon that each row gets.

Regards,
Tobias

I had the same problem and the dev update fixed it. Great service.

I just bought you a beer ;).

Hi,

Good to hear that this helped! ??
And thanks for the beer, I’ll enjoy it!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Tobias,

I wasn’t able to see the previous person’s issue since it’s now resolved, but I think I’m having a similar issue seen here on the right side of the table.

Any suggestions?

Thanks,
Erik

Hi Erik,

thanks for your question, and sorry for the trouble.

Yes, this is the same problem.
Please also try the solution that I mentioned in the very first reply in this thread and install the current TablePress developer version.

Regards,
Tobias

Thanks Tobias, I don’t have access to the FTP as of right now, it’s on my developer’s test server. Is there another way to do this via WP backend? … Or do I have to do it via FTP? I’ll contact my developer to see if I can get access.

Erik

Hi Erik,

if you don’t have access to FTP right now, you could try to update via the admin Dashboard of WordPress:
1. On the “Plugins” screen, deactivate TablePress.
2. On the same screen, then “Delete” TablePress.
3. Then, go to “Plugins” -> “Add New” -> “Upload”. There, upload the ZIP file of the developer version and then activate TablePress again.

Regards,
Tobias

Tobias,

That’s exactly what my developer told me as well – he was away from the office and didn’t have FTP available. Worked like a charm! No more empty spots, yay!

Thank you! ??

Erik

Hi Erik,

awesome! ?? Good to hear that this helped!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!