Responsive tables in WordPress websites

Are you having trouble getting your responsive tables in WordPress to work properly? Check out a solution we delivered for a client, avoiding plugins.
This is one of our smaller recent projects - April 3, 2014

Our client wanted a couple of tables to appear on their pricing page to deliver a clear comparison between their offering and that of their typical competitors.

We tried various plugins (such as Tablepress and WP Pricing Tables), but had a few problems with them – they weren’t completely responsive (meaning that they didn’t display well on mobile devices) and the row/column formatting went a bit weird on several browsers, especially when a column had more lines of text than other columns in the same row.

Responsive tables

As there was no other need for tables on the site we decided to implement a combination of CSS and simple HTML to deliver the desired effect. Whilst plugins are often a good idea, as they offer a solution that can be managed by website owners and which are regularly updated by the plugin authors, they can sometimes ‘bloat’ a website with unnecessary code that impacts performance, they can conflict with other plugins, and they can pose a security risk if they are not updated or if they come from an unreliable source.

We have a full blog post here that explains how you might create responsive tables in your WordPress site.

So, if you have a client who is willing and able to do a little more manual effort to maintain his pages, a hand-crafted HTML and CSS solution might be the most appropriate way to go. Why not get in touch?

  • Here's how we will use the information you provide.
  • This field is for validation purposes and should be left unchanged.


A few of our other recent projects…

Share This
Martin Jarvis

Martin Jarvis

I typically reply within an hour

We're here Monday - Friday during UK working hours. Drop us an email and we'll get back to you.

Martin Jarvis
Hi. It's Martin here. How can I help you?
Start Chat with: