TablePress Mobile Resizing

I have found the responsive table plugin, but still there is a little bug: https://imageshack.us/photo/my-images/607/4zne.png/

Hi,

thanks for your question, and sorry for the trouble.

The reason for this stems from how tables work in browsers. See e.g. this thread for a small explanation.

In your case, it might be worth trying the TablePress Responsive Tables Extension from https://tablepress.org/extensions/responsive-tables/ which will flip the table and make it scrollable on small screens.

Regards,
Tobias

Hello,

In the second post I made I added a screenshot of the table after I used the responsive table plugin. But when I use this, the table index is a different size then the table content. Is there any way to fix this?
https://imageshack.us/photo/my-images/607/4zne.png/

Hi,

oh, sorry, I somehow totally missed that post with the second screen shot. Sorry!

That misalignment comes from a different line height in the header and body cells. If you post the link to the page with the table, I should be able to find some CSS code to adjust this.

Regards,
Tobias

Thank you.
The link is here

Hi,

I can’t really reproduce this in my tests, but adding this “Custom CSS” should fix it:

.tablepress th,
.tablepress td {
  line-height: 2;
}

Regards,
Tobias