Skip to main content Skip to navigation

Tables

The instructions below apply to the Components Editor and the old visual editor. The table menu icons in the Components Editor look a little different - you can hover over any of the icons to see a description.

In this article:

Insert a table

  1. Edit the relevant page and place the cursor where you want to insert the table.
  2. Select the New table button in the toolbar. Alternatively, in the old visual editor only, right-click and select New table.
  3. In the New table window, specify the number of rows and columns by dragging a selection, then clicking in the bottom-right highlighted cell. You can add or remove columns later, if necessary.

  4. Enter your content into the empty table that appears on your page.
  5. To start a new paragraph below your table, click in any cell in the bottom row of the table, then press the down arrow on your keyboard.

Add or remove rows and columns

  1. To insert a row or column, first click in a row or column next to where you want to insert a new row or column.
  2. Select one of the following buttons in the table menu:
    • Insert row before
    • Insert row after
    • Insert column before
    • Insert column after

    Insert a row

    Note: in the old visual editor only, you can right-click in a cell to view more options to edit cells, rows and columns.
  3. To remove a row or column from the table, first click anywhere in the row or column you want to delete.
  4. Select one of the following buttons in the table menu:
    • Delete row
    • Delete column

    Delete a row

Edit a table's properties

  1. Click anywhere in the table, then select Table properties in the table menu:

    Table properties button

  2. In the Table properties window, choose one or more styles for your table:
    • Striped – alternate rows have a light grey background
    • Bordered – a 1-pixel border around each cell
    • Condensed – reduced space between rows
    • Hoverable – highlight rows as the visitor hovers over them
  3. To show a piece of text summarising your table directly above the first row, enter the text in the Caption box.

    Tip: most screen readers announce the content of table captions, which can help someone determine what the table is about and whether they want to read it.

  4. If the first row of your table contains column headings, select Format top row as header.
  5. Select Update table.

    Note: in the old visual editor only, to format a row as a header, body or footer, right-click in the row and select Row > Row properties, then choose an option from the Row type drop-down list.

Make a table sortable

When the first row of your table contains column headings, you can make the table sortable:

  1. Click anywhere within the table.
  2. Select Make table sortable from the table menu:

    Sortable table button

    Note: the icon for this in the Components Editor is a chevron pointing down, in the same position in the table toolbar.

  3. In the Make table sortable window, choose the columns you want the visitor to use to sort the table.
  4. Select Update table. The table is now sortable by the columns you specified. For example, this table is sortable by year:

    Year Column heading 1 Column heading 2 Column heading 3 Column heading 4 Column heading 5
    2015 1 2 3 3 4
    2016 4 5 6 1 2
    2017 7 8 9 2 3

Support

Email webteam at warwick dot ac dot uk
How to report a problem