Stacked rows

Hi,

thanks for your post, and sorry for the trouble.

For this, please try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

@media screen and (max-width: 768px) {
  .tablepress-id-123 thead th,
  .tablepress-id-123 tbody td {
    display: block;  
  }
}

Just change the 123 to the desired table ID.

Regards,
Tobias

Hi @tobiasbg!

Is there any way to apply this to all tables on my site? I don’t want to have to add this to Custom CSS for every table I create.

Thanks again for an excellent plugin and fast support!

Hi,

yes! Just use the general CSS selector (without the table ID):

@media screen and (max-width: 768px) {
  .tablepress thead th,
  .tablepress tbody td {
    display: block;  
  }
}

Regards,
Tobias

Thank you so much!!

Hi,

sure, no problem! ??

Best wishes,
Tobias

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