Responsive collapse not working on mobile

Hi,

thanks for your question, and sorry for the trouble.

To fix this, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress {
  table-layout: normal;
}

Regards,
Tobias

I also have been using your wonderful tablepress plugin for years and my customer’s website tables are not collapsing in mobile view. Please help as I have approximately 27 tables not displaying properly.

Here is an example of a page I need help with: https://sylearn.com/product/aws-certified-solutions-architect

Thank you

Oops, I had made a mistake it is working. I had to re-read how I did the extension. I have resolved my own problem. Many thanks! Still loving this plugin!

Hi,

great! Good to hear that it’s working!

Best wishes,
Tobias

Thanks Tobias

I’ve added the CSS you recommend, but the problem remains. An example is here: https://canadapopulation.org/population-of-canada-by-province-territory/

Best wishes

Andy

Hi Andy,

my bad, I suggested the wrong code. Please try again with

.tablepress {
  table-layout: auto;
}

Regards,
Tobias

Hi Tobias
Sorry for the English.

The table in “collapse” mode, sometimes does not collapse in mobile. This is causing the results in google to come out as “page not optimized for mobiles”.

I have placed this css code, but I still have the same problem.

I have a fairly extensive job in many places and EVERYONE is presenting this problem.

Some help?

Thank you

PDTA: I already deactivate plugin by plugin and the problem persists

Example: https://altavocesparacoches.com/

Hi,

thanks for your question, and sorry for the trouble.

I just tested this a bit but could not reproduce it ?? The collapse is working fine for me. I’m not sure how I can help here, sorry.

Regards,
Tobias

Thanks for answering.

Maybe I lack some more information.

The problem is Sometimes it works and sometimes it doesn’t.

Attached I send you image link. This problem also happens on the smartphone.

Image of the table in mobile here

I also sent him the link of the image indexing in Google.

Google indexing image here

As you can see, Google detects some pages as “Your page is not optimized for mobile devices”

Today the legend of “Your page is not optimized for mobile devices”, it no longer appears.

But I would like to know your opinion as a developer of this plugin, in order to prevent this.

I would really appreciate any suggestions

Hi,

I understand, but unless we can reliably reproduce this, I just don’t know what to do or how to help, sorry ??
In addition, I’m actually not the developer of the JavaScript code of the collapse mode, I only packaged that external code as a TablePress Extension. Thus, I simply don’t know all the internals or why it might not work at all times. Sorry.

Regards,
Tobias

Thanks for answering

Well, apparently the collapse mode has an important problem that still persists.

However, it remains an excellent complement.

To who has this same problem:

The flip mode works perfect. You only have to place a css to adjust the height of the column, so that it aligns with the rows when it goes to mobile. This in case of using images within the table.

`.tablepress .column-x {
height: NNpx;
}

Tobias

I know it is a complement that gives a lot of added value for the price to donate.

The problem is that it works well and then something happens. I realized by chance and checked in 5 more places and the collapse mode behaves the same.

I will change all the tables of my sites to flip mode. However, I respectfully suggest that you verify this situation on your own more carefully.

Possibly this is happening to other people and they have not noticed.

I appreciate your intention, and I reiterate that it is an excellent plugin.

Regards

Hi,

thanks a lot for your analysis and feedback! It’s much appreciated!

Regards,
Tobias

I want to make my table like dreshare.com, but here is the word red color. They are being made, but not in the right way.

Thanks

I use this code but this is not working

<tr class=”row-28 even”>
<td colspan=”2″ class=”column-1″><span style=”font-size: 18pt;color: #FF0000″>Deidra Hoffman Husband & Relationship</span></td>
</tr>