[Plugin: WP-Table Reloaded] Warp long text and easy reading

Hi,

you will probably want to reduce the padding in the table cells, with this code:

.wp-table-reloaded td,
.wp-table-reloaded th {
  padding: 6px !important;
}

Paste that into the “Custom CSS” textarea on the “Plugin Options” screen of WP-Table Reloaded.

Other than that, I don’t really have ideas here, as the different lengths of the content in the columns just need different space…

Regards,
Tobias

Thank you for your response, I have already modified the CSS.

I just wonder if its possible to hide most of the text, till a specific height of all the rows; so all the rows have the same height and if someone would want to see all the extra text in a specific row, to click a text or button to expand to the full height or width.

Sorry for so much commenting your answer and asking for more.

Best regards

Hi,

ah, ok, thanks for the further explanation.

Well, this is hard to answer for me. Technically, this is of course possible, but unfortunately, WP-Table Reloaded does not come with the necessary features (and it can’t really).
What you will need is a different solution, likely consisting of some JavaScript code, which then do what you describe.
I don’t have a readily useable solution, but maybe an idea to start from:
https://www.learningjquery.com/2007/03/accordion-madness

There are many more scripts like this on the internet (in fact, one even on my website at https://tobias.baethge.com/2009/07/expandhide-accordion-feature-explained/ ), but they all need to be adjusted to work inside a table.

Best wishes,
Tobias