responsive table not working

PS – I am replacing “collapse” with “flip” after testing the above as this is the live site

Hi,

thanks for your post, and sorry for the trouble.

The collapse mode should work the same on all devices. Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

Hi – I do not wish all devices to collapse. Since posting I have noticed that two tables on different pages with same settings are behaving very differently. This one is responsive: https://www.pmis-consulting.com/agile-versus-waterfall/

and this one, with same settings, is not? https://www.pmis-consulting.com/courses/benefits-realisation/

(works on tablet but not on phone)

If i can get the second to behave as the first that will solve my issue.

many thanks

• This reply was modified 7 years, 9 months ago by ktlonergan.
• This reply was modified 7 years, 9 months ago by ktlonergan.

also I should say I have this:

.tablepress-id-8 td,
.tablepress-id-9 td {
width: 50%;
}

.tablepress-id-7 .column-1 {
width: 30%;
}

.tablepress-id-7 .column-2 {
width: 70%;
}

TID 8&9 are in the page that works and TID7 is in the page that does not work?

Hi,

well, the collapse mode will only collapse columns if it calculates that the screen width is too small for all columns.

For your tables, the collapse mode is not a good choice. Note that it’s also not working properly at the moment, due to several JavaScript errors on your page (you can see that in the JS error log console). They seem to be caused by the JS minification that you are doing, using WP Rocket.

Regards,
Tobias

Hi Tobias – thanks for your reply. I do not wish to use the collapse mode now – if you read my posts above you will see there is an inconsistency between two tables on different URLs and if I can solve this it will fix my issue?

Hi,

ah, now I see. You are actually using some other responsiveness solution here, possibly from your theme? There’s a <div class="table-1"> wrapper around the table Shortcode that is responsive for this.

Regards,
Tobias

excellent – have removed this and it now works ?? many thanks – brilliant support.

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!