Ohio University

Web CMS: Working with Tables

Tables should be used within a website to render data that belongs in a grid. Tables should not be used for layouts. If the only reason to use a table is to structure information in columns, one of the Style options should be used in the Text Editor Interface.

Tables in our Web CMS have additional features beyond basic web tables. Tables now have sorting and searching capabilities built in. Tables with a header row will automatically enable these features without any additional work by the editor.

For tables that have too many columns to fit on the screen, these additional columns will be hidden within a container that can be displayed when an icon is clicked:

Thumbnail

Creating Tables

Selecting the Table icon in the text editor will bring up a Table Properties window. This window has options for:

Thumbnail
  • Rows
  • Columns
  • Headers - Select from None, First Column, First Row, and Both. Table headers tell users how the data should be read. A row and/or column should be denoted as a header if it acts as a descriptor for the data.
  • Caption - while not every title needs to have a caption, it acts as a short description of what data the table contains

Once the fields are completed, click OK to create the table.

The editor will then display an empty table with dashed lines to indicate cells. Clicking within a cell will allow data to be entered. Editors can navigate through the cells with their mouse, the arrow keys, or the Tab key.

Editing Tables

While in a text editor, table cells can be edited by clicking within the desired cell and changing the data.

Each table has a menu accessible by right-clicking within the body of the table. This gives the following options:

  • Cell: This menu allows you to merge, split, add, remove, and edit properties are cells
  • Row: Allows you to insert or delete rows
  • Column: Allows you to insert or delete columns
  • Delete Table: Deletes the entire table
  • Table Properties: Edit properties for the entire table. This is the same properties window that appears when creating a new table.

For items 1-4, the cell in which you right-clicked is the one the actions takes place in. For instance, right- clicking in the top left-most cell and then selecting “Row” and “Insert Row After” will place a new row as row two.

Return to Training Home Page