collapseable rows

Hi,

thanks for your question, and sorry for the trouble.

A similar functionality to that link is available via this Premium TablePress Extension: https://tablepress.org/extensions/datatables-row-details/

If you install that, and extend the Shortcode of the table to

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

the content of the first cell of each row will be visible after a click on a “+” symbol only.
If you change the Shortcode to

[table id=1 datatables_row_details=true datatables_row_details_columns="A-C" /]

you will see a similar behavior, except that the content of three columns is then taken as the “extra content”.

Regards,
Tobias

Thanks, but I can’t get it to work.
I see the Plus symbol and the content of all the cells before I click the Symbol. Nothing really happens when I click the symbol.
I need it to function something like this:
https://www.sportsbransjen.no/bransjereg/

Hi,

something like in that link is not directly possible with TablePress, but the Extension should at least get you started with a similar solution.
Can you please post a link to the page with the table where you are trying the Extension, so that I can take a look there? Thanks!

Regards,
Tobias

Can we go private somewhere?

Hi,

sure, just send me an email (the address is in the main plugin file “tablepress.php”).

Regards,
Tobias

Hi,

quick update for everybody reading this:
I worked on this directly with larsgj, and we were able to fix the issue. Basically, there was just some extra code in the Shortcode parameters. After removing that, everything works now.

Regards,
Tobias

I like the extension, but note that some columns, when revealed, align right.
in the example at https://gregturnbull.net/?page_id=731, columns D, E ang G align right, though F seems to align left as desired.

I have also tried adding this to the plugin options css:

.tablepress-id-2 th,
.tablepress-id-2 td {
text-align: left;
}

Hi,

thanks for your post, and sorry for the trouble.

To align everything to the left, please try this “Custom CSS”:

.tablepress-row-details tbody tr .row-details-right {
  float: none;
  padding-left: 2px;
}

Regards,
Tobias