Responzivity of Table press

Hi,

thanks for your post, and sorry for the trouble.

The problem here is that the sum of the longest words in this table requires a width that is bigger than 500px. Making this table smaller than 500px will therefore not really work.
An alternative could be to make it scrollable, e.g. with https://www.ads-software.com/support/topic/responsive-tables-scroll-only?replies=6#post-5511954

Regards,
Tobias

Thank you very much for your answer, Tobias, I am amateur in programming, and I am not sure about how to use your code…
So I am supossed to put this

<div class="tablepress-scroll-wrapper">
[table id=123 /]
</div>

In some PHP file, or in which file? Also…the code

.tablepress-scroll-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
}

Has to be added in the CSS media queries with width lower than 500 px ? Am I right? Thank you very much

Hi,

no, that HTML code (with the Shortcode) replaces your currently used Shortcode on the “Edit” screen of the page with the table.

The CSS code goes into the “Custom CSS” textarea on the “Plugin Options” screen of TablePress, and it does not need any media queries.

Regards,
Tobias

Everything works well on the localhost, though if I try it on the webpage, it makes this thing…

https://skkelti.cz/rozpis-zeny/

Where am I doing something wrong? Thank you very much for help

Hi,

For some reason there are extra <pre> and <code> HTML tags around the table Shortcode code on that page, which need to be removed. For that, please go to the “Edit” screen of the page and switch from the “Visual” to the “Text” editor mode. Then, remove the <pre>, <code>, </pre>, and </code> around the table Shortcode, so that it stands by itself on its own line.

Regards,
Tobias

Thank you very much for your help, it is working now.

Hi,

no problem, you are very welcome! ?? 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!