department menu

Creating Tables on OU Campus

Why use Tables?

Tables are extremely useful to convey and organize data and information within your website. Tables should not be used for a page's layout of content.

How to add in Tables

Step 1:

On the OU Campus Content Editor, select the table icon from the top of the icon ribbon.

Step 2:

An Insert table pop-up window will appear. Within this pop-up you can select the size desired for your table by hovering your mose over the provided grid structure.

Click within the grid structure to select a table's size.  You can adjust size later on if needed.

table popup

Step 3:

A table will be inserted and will look like a box with solid-line border.

blank table

Step 4:

Add content to your table by selecting the appropriate table cell and filling the content in.

Step 5:

Mark your table’s categories with Table Headers.

  1. To mark headers, simply highlight the table’s categories and right click.
  2. A small pop-up box will appear with the option Cell four from the bottom.
  3. Next, click Cell Properties.

header highlight

header menu


Step 6:

A new pop-up will appear. In the Cell Type drop down, click Header Cell.

header cell

Step 7:

Without highlighting any of the table content - right click on the table. 

  1. in the Table Properties pop-up window click on the Width field.
  2. In the Width field type in 100%. This will make your table 100% of the allotted screen size.

Do not add in a set pixel size in the Width field as this method may not render correctly on a mobile device.

OPTIONAL Table Title: If you would like to add in a title for your table, click the "caption" check box in the Table Properties area. This will add in a row to the very top of the table where a title can be typed. This will auto format to look bold and will also be called out to non-visual users.

Step 8:

Click OK to save your changes. The selected table headers will appear slightly bolder than the regular table text.

bolded header

Step 9:

Continue editing your page as needed.

Back to Module