Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Responsive Tables?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

This topic is: resolved

Tagged: responsive, tables

This topic has 2 replies, 2 voices, and was last updated 6 years, 6 months ago by RavenManiac.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
March 2, 2017 at 12:54 pm #202361

RavenManiac
Participant

What's the best way to add responsive tables to a WordPress page or post?

March 7, 2017 at 9:26 am #202639

Gary Jones
Member

See https://futuresonline.com/education/products/margin-requirements as an example.

Add the table as normal, but add data-label attributes to td elements. Then, when viewing in a narrow screen, use CSS, to show these attributes as content on screen with ::before.

WordPress Engineer, and key contributor the Genesis Framework | @GaryJ

March 7, 2017 at 9:35 am #202641

RavenManiac
Participant

Thanks Gary, I ended up using a great plugin called TablePress, which handles the responsive automatically. https://tablepress.org/
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The forum ‘General Discussion’ is closed to new topics and replies.