Adding Tables

Tables on websites should only be used to present tabulated data (information that should be in a table). Tables should not be used to for laying out columns of text or putting images next to text.

Inserting a table

  1. insert table dialoguePlace the cursor in the text where you want the table to appear. Usually this must be a new paragraph.
  2. Click the Insert Table button.
  3. The Table insert pop up screen appears.
  4. Fill in the number of rows (across) and columns (down) that are required and click OK.

Editing tables

When a table is selected the table editing buttons become active.

The buttons are:

  1. Toggle Borders: turns the table and cell borders on or off.
  2. Table Properties: add a caption, summary and CSS styles (if enabled)
  3. Row Properties: set a row to be a header, footer or standard table body
  4. Insert Row Before: inserts a row before the row where the cursor currently is.
  5. Insert Row After: inserts a row after the row where the cursor currently is.
  6. Delete Row: deletes the current row.
  7. Insert Column Before: inserts a column before the column where the cursor currently is.
  8. Insert Column After: inserts a column after the column where the cursor currently is.
  9. Delete Column: deletes the current column.
  10.  Cell Properties: set the type of cell and scope (usually left alone)
  11.   Insert Cell Before: inserts a cell before the cell where the cursor currently is.
  12. Insert Cell After: inserts a cell after the cell where the cursor currently is.
  13. Delete Cell: deletes the current cell.
  14. Merge Cells: merges two highlighted cells into one (make sure the cells are empty first as content might be removed).

These buttons can also be accessed by right clicking the mouse over the table to raise a pop up menu.

     Table size

    Table size can be set by dragging the handles. The size should not be set wider than the website column it must fit in and a maximum size may have be set.

    1. Select the table to highlight it.
    2. Click on a handle (the boxes that appear at the edge of the table).
    3. Hold the left mouse button down and drag the handle to the location required.

    Remove a table

    1. Click over the table with the right mouse button.
    2. A pop up menu appears.
    3. Select Remove the <table> Element...
    4. Select OK