Tables

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.
Dos
  • Display complex tabular data similar to what may be in an Excel file
  • Column headers should be brief
Don'ts
  • 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]
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]
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]
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]
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]
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]
Copy Code to Clipboard