resize tables for mobile and tablets

Hi,

thanks for your post, and sorry for the trouble.

For ideas on making your tables responsive, please see https://tablepress.org/extensions/responsive-tables/

Regards,
Tobias

ok many thanks ??

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias

i have a question, but if i add to the shortcode of my table the parameter for the resize like this: [table id=123 responsive=collapse /] i see the js Data Tables property..but i take off the flag from the control panel.
Why i still see the Data Tables property?
Thanks
Dave

Hi Dave,

the collapse mode requires the DataTables JS library, so that it will turn it back on, even you turned it off.
You can however still turn off the individual features (like sorting, searching, pagination, etc.) if you don’t want them.

Regards,
Tobias

ok many thanks..great!!!

Hi,

you are very welcome!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

i’m using the tablepress on a tabs module, and the resize for the mobile it works just for the first tab, but for the others it doesn’t works…and the tabs are all identic.
my shortcodes are the same for all the tables:
[table id=3 responsive=collapse /]
[table id=4 responsive=collapse /]

Why?

I’ve tried to use also this shortcode [table id=4 responsive=flip responsive_breakpoint=phone /] and it works, but the vertical header of the table (with all the titles) are bigger than the rows with the date.
If you want i could give you a ftp just for check what i mean.

Thanks
Dave

here the page: new.mondelliportefinestre.com/pr1ma

i saw from inspection these css:

This is the css on the first tab for the table that it is responsive:
<table id="tablepress-4 class="tablepress tablepress-id-4 dataTable no-footer dtr-inline collapsed" role="grid" style"width:647px;">

This is the css on the second tab for the table that it isn’t responsive:
<table id="tablepress-4 no-2 class="tablepress tablepress-id-4 dataTable no-footer dtr-inline" role="grid" style"width:0px;">

where it could be the problem?
Many thanks
Dave

Hi Dave,

I’m afraid that this is a consequence of using tabs. Due to how these work (they hide all content except for one tab at the beginning), the DataTables JS library can not calculate certain things like column widths properly.
So, the collapse mode simply is not compatible to using tabs at the moment, sorry ??

Regards,
Tobias