Please help with TablePress on my website!

Hi,

thanks for your post, and sorry for the trouble.

Well, the problem here simply is that the content in your table requires more width than the content area of your theme gives to the table.
The main issue comes from the text in the header row. Those are rather long (compared to the content in their columns) and as the browser can not add automatic word-wrapping to them (they don’t contain hyphens or spaces), they determine the minimum widths for the columns. And the sum of widths of the columns is simply wider than the content area. Does that explanation make sense?

Now, using Horizontal Scrolling is indeed the best solution here (if you can’t or don’t want to shorten the column header texts, or remove columns).

The image size looks fine to me as well, with about 250px.

Regards,
Tobias

Hi Tobias,

Thanks for the reply.

Is it possible to scale down the entire table so that it fits? If yes, can you please let me know how I can do this?

Also, while experimenting with the different things with this table, I noticed that depending on the order in which the columns appear, the values may not line up. For example, the price value may fall under a different column such as weight capacity. How can this be fixed and is there a way to center the contents of the table?

Thank you!

Hi,

you could indeed scale the table, by reducing the inner white space and the font size, e.g. with this “Custom CSS” (this will also center the cell contents):

#content .tablepress-id-6 th {
  padding; 4px 20px 4px 4px;
  font-size: 10px;
  text-align: center;
}
#content .tablepress-id-6 td {
  padding; 4px;
  font-size: 10px;
  text-align: center;
}

The question is if that’s still readable…

Regarding the values in the columns not lining up. This is likely related to the “Horizontal Scrolling” checkbox that is enabled for this table. Unfortunately, that’s not always working properly, when it can not determine the column widths correctly.
As a replacement (after unchecking the checkbox), you could try the approach from https://www.ads-software.com/support/topic/responsive-tables-scroll-only?replies=6#post-5511954

Regards,
Tobias

Hi Tobias,

Thanks for your reply.

I’m new to this whole thing, can you please let me know where I should include the code so that I can see if that works out for my site?

Thanks!

Hi,

that code has to go into the “Custom CSS” textarea on the “Plugin Options” screen of TablePress.

Regards,
Tobias