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.

1 Comment

  • Cathryn Clarke

    1st March 2013 at 8:55 pm

    This is just what I’ve been looking for, for both myself and a client! Thank you!

Leave a Reply

What our customers say:

As a freelance musician and teacher my website is very important for generating business and maintaining good contact with my clients. I have found Jo Cox Design very useful to help maintain elements of my site which are more complex. I like to have control of my site but I often find there are things I cannot achieve on my own. I would certainly recommend Jo as a friendly person who’s easy to work with and who can help you achieve such goals.

Trev Williams