Carnegie Mellon University

CMU Web

A service provided by the University CMS Team

Tables

Tables are used to display tabular data on a page, such as a reference chart. Tables can be added to your content using the WYSIWYG.

In the olden days...

People used tables to lay out the content on their pages. In the modern age of the CMS, this isn't necessary as page layout is accomplished through the content types, such as grids. Using tables for page layout is a bad practice overall, so be sure to stick with using tables for tabular data only.

Insert a Table

  1. Place your cursor where you want to insert a table
  2. Click on the Table menu in the toolbar
  3. Hover over the table toolInsert table iconthen hover over the boxes to specify initial number of columns and rows (see example); click to finalize selection
  4. Populate table cells with data; follow additional guidance below
Insert table menu

Hover over the initial number of columns and rows to create the table; you may modify the number of columns and rows as you build the table.

Table Tools

After inserting a table, a selection of tools will display near the table for additional adjustments. If changing the number of rows or columns, place your cursor in a cell closest to where the change should take place.

Table tools

From left to right:

  • Table properties
  • Delete Table
  • Insert row before
  • Insert row after
  • Delete row
  • Insert column before
  • Insert column after
  • Delete column

Apply Custom Style

Applying a custom style to a table involves selecting the table tag in the tag path, then selecting the style in the Formats menu.

  1. Click in any table cell
  2. At the bottom left of the WYSIWYG window, find the tag path which looks something like this:

    table >> tbody >> tr >> td

    Click on the table tag
  3. In the Formats menu select Custom > (style)
    Applicable styles: alt, noborder

More Ways to Adjust a Table

  • Right-click in any cell for more options such as adding a link or image, or to adjust number of columns and rows
  • Click in any cell and use the Table menu for additional adjustments

Specify Column Width

  • Right-click in a cell in the top row, then Cell > Cell properties; specify the width using a percentage (e.g., 25%)

Create a Header or Footer Row

  • Right-click in a cell in the top row, then Row > Row properties; for Row type select Header or Footer

Merge Cells

  • Select all cells to be merged, right-click then Cell > Merge cells

Tips

Table width automatically adjusts to accommodate the content within it; setting a width, such as 100%, is not possible.