[Plugin: WP-Table Reloaded] Resizing of tables for mobile?

Hi,

thanks for your question.

This is actually not really an issue that WP-Table Reloaded can solve. WP-Table Reloaded will only add the HTML code of a table to the page (and possibly the JavaScript functions). The styling (on both desktop and mobile) is however done by a combination of the CSS code of the plugin and the theme. By default, WP-Table Reloaded will only set a width of 100%, but as that’s a percentage value, the width should follow its surrounding container – and that’s something that the theme sets (or that’s the result of the screen width on the mobile device).
So, a responsive design is more a task for the theme here, than for WP-Table Reloaded.

Regards,
Tobias

Thanks Tobias, so technically a table set to 100% should fill its width to the size of the screen?

Hi,

not directly. A table with 100% should fill 100% of its wrapping container (most likely a <div>). So, the width of the table depends on the width of the <div>. In a good responsive layout, that <div> likely also has a percentage value width, so that everything “responds” to the screen width.
In tables, there’s another important thing though: By default, tables will not shrink below the width that the content in them requires. For example, text will usually wrap at word boundaries only, but not within words. This results in columns not being smaller than the longest word in them, for example.

Regards,
Tobias

Thanks for your help Tobias, very insightful and also of great help.

Hi,

sure, no problem! You are very welcome!

Best wishes,
Tobias