How to Add Tables to WordPress Posts and Pages
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:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<table width=“400″ border=“1″ cellspacing=“0″ cellpadding=“5″>
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
<th>Heading 4</th>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
</table>
|
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.
