How to: Add Tables to WordPress Posts and Pages

4th January 2012

Table layouts in web design may have gone out with the last Ice Age, but there are still plenty of times when it’s necessary to add tabular data within a blog post or page. The WordPress TinyMCE editor, whilst richly featured and easy to use, doesn’t come with any table editing options by default. Here are two options to help you add tables to WordPress posts and pages:

Tables in HTML View

If you know some basic HTML you always have the option to flip over to the HTML view and input your table code directly. Here is a simple example:

Pasted in, it should look something like this (keep in mind the table you see here is being altered slightly by my stylesheet):

Heading 1 Heading 2 Heading 3 Heading 4
Data Data Data Data
Data Data Data Data

Tables Using a Plugin

As with most problems in WordPress, the table issue can be solved with a simple plugin. There are quite a few options but my favourite is MCE Table Buttons. Once activated it simply adds in another row of buttons so you can control tables in the same way as all your other formatting.

We couldn’t believe our luck when Jo offered to build us our website for free. We were even more astounded when only weeks later we had a great site, purpose build to our needs. We couldn’t have paid for a better site or more fluid an experience of commissioning a website.

Emma Gordon (Centre Manager, Bicester Green)