Including a table on your WordPress page has also been simplified with the use of the Insert Table tool in the WordPress Visual Editor. You may also use the HTML Editor to define tables, and designate header, body, and footer areas within the table. Examples of tables with and without header, body, and footer areas can be found on this page. Also available for your use is the built-in “styled_table” class that will style the table in a way that compliments the available New Media themes, in effect giving your WordPress site a complete and polished look.

Unstyled Tables

Table Caption (Unstyled Table)

Table head th <thead><tr><th> Table head td <thead><tr><td> Table head td
Table foot th <tfoot><tr><th> Table foot td <tfoot><tr><td> Table foot td
Table body th <tbody><tr><th> Table body td <tbody><tr><td> Table body td
Table body th Table body td Table body td
Table body th Table body td Table body td
Table body th Table body td Table body td

Note: If you use the thead, tfoot, and tbody elements, you must use every element. They should appear in this order: <thead>, <tfoot>, and <tbody>, so that browsers can render the foot before receiving all the data. You must use these tags within the table element. Each requires a <tr> tag and <td> or <th> tags for each cell. See the source code of the table above for an example.

Table Caption (Unstyled Table without thead, tfoot, or tbody)
Table row – header <tr><th> Table row – header Table row – header
Table row – regular <tr><td> Table row – regular Table row – regular
Table row – regular Table row – regular Table row – regular
Table row – regular Table row – regular Table row – regular

Styled Tables

Table Caption (Table class=”styled_table”)
Table head th <thead><tr><th> Table head td <thead><tr><td> Table head td
Table foot th <tfoot><tr><th> Table foot td <tfoot><tr><td> Table foot td
Table body th <tbody><tr><th> Table body td Table body td
Table body th Table body td Table body td
Table body th Table body td Table body td
Table body th Table body td Table body td

Note: If you use the thead, tfoot, and tbody elements, you must use every element. They should appear in this order: <thead>, <tfoot>, and <tbody>, so that browsers can render the foot before receiving all the data. You must use these tags within the table element. Each requires a <tr> tag and <td> or <th> tags for each cell. See the source code of the table above for an example.

Table Caption (Table class=”styled_table” without using thead, tfoot, or tbody)
Table row – header <tr><th> Table row – header Table row – header
Table row – regular <tr><td> Table row – regular Table row – regular
Table row – regular Table row – regular Table row – regular
Table row – regular Table row – regular Table row – regular