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.

NB: Because this post is more than two years old, and the world of web design and technology moves on so quickly, the information in it may now be out of date


1 thought on “How to: Add Tables to WordPress Posts and Pages”

Leave a Reply

Despite the fact that I am a dinosaur when it comes to technology you had the patience to see me through to being able to give you the text and pictures, which you then turned into a really good finished article. I have had many emails from people who have seen it, all of whom have congratulated me on the website. But the congratulations really relate to your work.

Mike Mackenzie