[Resolved] Responsiveness Issue with Tables

[Dave]

Hi Folks,

(I’m actually running 1.3.44)

I’m excited to have found GeneratePress – it has an impressive array of features. I love the ability to add code to hooks from Admin Menu, etc. One issue has sprung up for me though – responsiveness when using tables.

If one views a page such as this one:
https://www.philcata.com/donor_offering/gmelius/

One sees that the tables break out of whatever responsiveness is implemented in GeneratePress. Has anyone else seen this problem in other areas? Not having mobile responsiveness is a big concern for me, I’m sure I can figure out how to make the tables fit, but is this an issue I’m going to keep running into?

Thanks!
Dave

[Leo]

Hi Dave,

GP actually doesn’t have built in features for tables.

Most people use plugins for building tables. Few recommendations here:
https://en-ca.wordpress.org/plugins/magic-liquidizer-responsive-table/
http://fooplugins.com/plugins/footable-lite/ (premium but has a free version I believe)

Tablepress is another popular one but I’m not sure if it’s responsive..https://en-ca.wordpress.org/plugins/tablepress/

Hope this helps.

[Dave]

Hmmm…Is this a just-haven’t-got-to-it or was there a reason behind this? I could use a plugin, but I’d rather not. What would make most sense if it isn’t a just-haven’t-got-to-it issue would be for me to work on some code for tables and then contribute it to GP’s GitHub…but I don’t want to waste time doing that if there is a design decision against it. 🙂

[Leo]

I don’t think that’s in the plan.

I think the main reason is that, as I just mentioned in another post, not everyone uses tables. We haven’t had many people requesting table features in the forum and they are generally ok with using plugins since there are good ones out there.

We really have to be careful what we include in the theme/plugin so it remains fast and customizable. Few other users have suggested adding slider features as well but again, not everyone wants sliders on their sites and there are good plugins out there that can handle it.

That being said, feel free to contribute to GP’s GitHub as someone else might also find it useful 🙂

[Dave]

Got it. I understand the desire to keep it light, but we are talking (imho) about a few extra lines of CSS I’d think (I’ll have to play around with it).

I agree with not integrating a slider in directly, but tables are core html elements as opposed to a slider which is a significant amalgamation of code built on top of html and usually including both styling and js…

But I’ll see what I can find. 🙂

[Leo]

It would be more than a few lines of CSS I’d think. Keep in mind that the table you have only has two columns so it’s nice and simple but tables come in variety of sizes and it would be extra difficult to display on mobile I think.

If we create some kind of built in table features that work with HTML then some people will start asking for customizations like border colors, thickness, inside padding etc. Then we have to introduce customizer options and you can imagine how that will just go on and make GP carry more weight 🙂

[Tom]

Definitely feel free to contribute some CSS to make tables responsive, I would love to take a look and see if I can add into the theme 🙂

[Author]

Posts