Tables should only be used to display tabular data. If the University web team notices misuse of tables on your webpages we will reach out and work with you to correct the content. If you have questions about when to use, or not use, a table you can contact the
UComm Web Team and we will be happy to assist you.
Tables are a great way to display certain kinds of information.
Table Shortcode Parameters
The parameters for the tables shortcode:
- Bordered (bordered): If this parameter is set to “yes” then all the table cells will have borders. The default is table without any borders.
- Striped (striped): If this parameter is set to “yes” then all the non-heading table rows will alternate between a white background and a light gray background. The default is a non-striped table.
- Full-Width (full): If this parameter is set to “yes” then the table will automatically fill to 100% of the available space. The default is a table that only takes up the width it needs.
- Services (services): If this parameter is set to “yes” then the table will automatically center all columns after the first column. This should be used when listing services or options.
- Display complex tabular data similar to what may be in an Excel file
- Column headers should be brief
- Used to layout content, use columns instead
- List basic items, use an HTML list instead
- Add anything other than text or links in table cells
Table Shortcode Examples
Basic Table
Col 1 |
Col 2 |
Data 1 |
Data 2 |
Data 3 |
Data 4 |
[mu_table]
[mu_table_head]
[mu_table_row]
[mu_table_th]Col 1[/mu_table_th]
[mu_table_th]Col 2[/mu_table_th]
[/mu_table_row]
[/mu_table_head]
[mu_table_body]
[mu_table_row]
[mu_table_td]Data 1[/mu_table_td]
[mu_table_td]Data 2[/mu_table_td]
[/mu_table_row]
[mu_table_row]
[mu_table_td]Data 3[/mu_table_td]
[mu_table_td]Data 4[/mu_table_td]
[/mu_table_row]
[/mu_table_body]
[/mu_table]
[mu_table]
[mu_table_head]
[mu_table_row]
[mu_table_th]Col 1[/mu_table_th]
[mu_table_th]Col 2[/mu_table_th]
[/mu_table_row]
[/mu_table_head]
[mu_table_body]
[mu_table_row]
[mu_table_td]Data 1[/mu_table_td]
[mu_table_td]Data 2[/mu_table_td]
[/mu_table_row]
[mu_table_row]
[mu_table_td]Data 3[/mu_table_td]
[mu_table_td]Data 4[/mu_table_td]
[/mu_table_row]
[/mu_table_body]
[/mu_table]
Copy Code to Clipboard
Bordered Table
Col 1 |
Col 2 |
Data 1 |
Data 2 |
Data 3 |
Data 4 |
[mu_table bordered="yes"]
[mu_table_head]
[mu_table_row]
[mu_table_th]Col 1[/mu_table_th]
[mu_table_th]Col 2[/mu_table_th]
[/mu_table_row]
[/mu_table_head]
[mu_table_body]
[mu_table_row]
[mu_table_td]Data 1[/mu_table_td]
[mu_table_td]Data 2[/mu_table_td]
[/mu_table_row]
[mu_table_row]
[mu_table_td]Data 3[/mu_table_td]
[mu_table_td]Data 4[/mu_table_td]
[/mu_table_row]
[/mu_table_body]
[/mu_table]
[mu_table bordered="yes"]
[mu_table_head]
[mu_table_row]
[mu_table_th]Col 1[/mu_table_th]
[mu_table_th]Col 2[/mu_table_th]
[/mu_table_row]
[/mu_table_head]
[mu_table_body]
[mu_table_row]
[mu_table_td]Data 1[/mu_table_td]
[mu_table_td]Data 2[/mu_table_td]
[/mu_table_row]
[mu_table_row]
[mu_table_td]Data 3[/mu_table_td]
[mu_table_td]Data 4[/mu_table_td]
[/mu_table_row]
[/mu_table_body]
[/mu_table]
Copy Code to Clipboard
Striped Table
Col 1 |
Col 2 |
Data 1 |
Data 2 |
Data 3 |
Data 4 |
[mu_table striped="yes"]
[mu_table_head]
[mu_table_row]
[mu_table_th]Col 1[/mu_table_th]
[mu_table_th]Col 2[/mu_table_th]
[/mu_table_row]
[/mu_table_head]
[mu_table_body]
[mu_table_row]
[mu_table_td]Data 1[/mu_table_td]
[mu_table_td]Data 2[/mu_table_td]
[/mu_table_row]
[mu_table_row]
[mu_table_td]Data 3[/mu_table_td]
[mu_table_td]Data 4[/mu_table_td]
[/mu_table_row]
[/mu_table_body]
[/mu_table]
[mu_table striped="yes"]
[mu_table_head]
[mu_table_row]
[mu_table_th]Col 1[/mu_table_th]
[mu_table_th]Col 2[/mu_table_th]
[/mu_table_row]
[/mu_table_head]
[mu_table_body]
[mu_table_row]
[mu_table_td]Data 1[/mu_table_td]
[mu_table_td]Data 2[/mu_table_td]
[/mu_table_row]
[mu_table_row]
[mu_table_td]Data 3[/mu_table_td]
[mu_table_td]Data 4[/mu_table_td]
[/mu_table_row]
[/mu_table_body]
[/mu_table]
Copy Code to Clipboard
Full-Width Table
Col 1 |
Col 2 |
Data 1 |
Data 2 |
Data 3 |
Data 4 |
[mu_table full="yes"]
[mu_table_head]
[mu_table_row]
[mu_table_th]Col 1[/mu_table_th]
[mu_table_th]Col 2[/mu_table_th]
[/mu_table_row]
[/mu_table_head]
[mu_table_body]
[mu_table_row]
[mu_table_td]Data 1[/mu_table_td]
[mu_table_td]Data 2[/mu_table_td]
[/mu_table_row]
[mu_table_row]
[mu_table_td]Data 3[/mu_table_td]
[mu_table_td]Data 4[/mu_table_td]
[/mu_table_row]
[/mu_table_body]
[/mu_table]
[mu_table full="yes"]
[mu_table_head]
[mu_table_row]
[mu_table_th]Col 1[/mu_table_th]
[mu_table_th]Col 2[/mu_table_th]
[/mu_table_row]
[/mu_table_head]
[mu_table_body]
[mu_table_row]
[mu_table_td]Data 1[/mu_table_td]
[mu_table_td]Data 2[/mu_table_td]
[/mu_table_row]
[mu_table_row]
[mu_table_td]Data 3[/mu_table_td]
[mu_table_td]Data 4[/mu_table_td]
[/mu_table_row]
[/mu_table_body]
[/mu_table]
Copy Code to Clipboard
Center Content Cells Table
Col 1 |
Col 2 |
Data 1 |
Data 2 |
Data 3 |
Data 4 |
[mu_table full="yes" services="yes"]
[mu_table_head]
[mu_table_row]
[mu_table_th]Col 1[/mu_table_th]
[mu_table_th]Col 2[/mu_table_th]
[/mu_table_row]
[/mu_table_head]
[mu_table_body]
[mu_table_row]
[mu_table_td]Data 1[/mu_table_td]
[mu_table_td]Data 2[/mu_table_td]
[/mu_table_row]
[mu_table_row]
[mu_table_td]Data 3[/mu_table_td]
[mu_table_td]Data 4[/mu_table_td]
[/mu_table_row]
[/mu_table_body]
[/mu_table]
[mu_table full="yes" services="yes"]
[mu_table_head]
[mu_table_row]
[mu_table_th]Col 1[/mu_table_th]
[mu_table_th]Col 2[/mu_table_th]
[/mu_table_row]
[/mu_table_head]
[mu_table_body]
[mu_table_row]
[mu_table_td]Data 1[/mu_table_td]
[mu_table_td]Data 2[/mu_table_td]
[/mu_table_row]
[mu_table_row]
[mu_table_td]Data 3[/mu_table_td]
[mu_table_td]Data 4[/mu_table_td]
[/mu_table_row]
[/mu_table_body]
[/mu_table]
Copy Code to Clipboard
Combination Table
Col 1 |
Col 2 |
Data 1 |
Data 2 |
Data 3 |
Data 4 |
[mu_table striped="yes" bordered="yes" full="yes"]
[mu_table_head]
[mu_table_row]
[mu_table_th]Col 1[/mu_table_th]
[mu_table_th]Col 2[/mu_table_th]
[/mu_table_row]
[/mu_table_head]
[mu_table_body]
[mu_table_row]
[mu_table_td]Data 1[/mu_table_td]
[mu_table_td]Data 2[/mu_table_td]
[/mu_table_row]
[mu_table_row]
[mu_table_td]Data 3[/mu_table_td]
[mu_table_td]Data 4[/mu_table_td]
[/mu_table_row]
[/mu_table_body]
[/mu_table]
[mu_table striped="yes" bordered="yes" full="yes"]
[mu_table_head]
[mu_table_row]
[mu_table_th]Col 1[/mu_table_th]
[mu_table_th]Col 2[/mu_table_th]
[/mu_table_row]
[/mu_table_head]
[mu_table_body]
[mu_table_row]
[mu_table_td]Data 1[/mu_table_td]
[mu_table_td]Data 2[/mu_table_td]
[/mu_table_row]
[mu_table_row]
[mu_table_td]Data 3[/mu_table_td]
[mu_table_td]Data 4[/mu_table_td]
[/mu_table_row]
[/mu_table_body]
[/mu_table]
Copy Code to Clipboard