Editing tables

Tables are a useful and neat method for storing tabulated data. Data is stored in horizontal rows and vertical columns, with headings typically contained in the first row or column or both. The data is stored in the individual squares within the table, called cells. Editing tables can be a little bit tricky if attempted manually on the screen (e.g. by dragging the borders to alter the dimensions of cells). It is neatest and easiest to use the Table Properties, Table cell properties and/or Table row properties dialog boxes.

1. Click on the Site Content icon  to display the Site Content window
2. Locate or add the required page (for more information, refer to Finding a Page or Adding a Page)
3. Click on the page in the My Site pane to display the contents and properties in the Edit Page pane
4. Click on the Content tab in the Edit Page pane, then click on the Main sub-tab
5. Locate the table in the Content field
6. Right-click on the table to display the shortcut menu
   
7. Select Table properties to display the following dialog box
   
   
   For the scope of this manual, we will only look at the options on the “General” tab (for more information relating to the options on the “Advanced” tab, contact your web developer).
   
   Use the following options to determine the basic format for the table:

   Option	Description
   Columns	Determines the number of columns in the table.
   Rows	Determines the number of rows in the table.
   Cell padding	Determines the amount of white space between the cell content and cell edges (i.e. the distance of the text from the borders of the cell), measured in pixels.
   Call spacing	Determines the amount of space between cells.
   Alignment	Determines the alignment of text horizontally within a cell.
   Border	Determines the width of the border, measured in pixels.
   Width	Determines the overall width of the table on the web page.
   Height	Determines the overall height of the table on the web page.
   Class	Determines the style applied to the table or cell(s). The styles are defined by the web developer.

    
   
8. Make the editing changes that you require
9. Click on  to apply the changes
   If you prefer to make the changes to only a cell, column or row within the table, you will need to select one of the other shortcut menu options…
10. Locate the table in the Content field, in the Edit Page pane
11. Click in the cell, column or row that you want to adjust
    The position of the insertion point will determine which cell, column or row is adjusted…
    
12. Right-click to display the shortcut menu
13. Select Table cell properties to edit the cell or column
    
    
    OR
    
    Select Table row properties to edit the row
    
    
    For the scope of this manual, we will only look at the options on the “General” tab (for more information relating to the options on the “Advanced” tab, contact your web developer).
    
    Use the following options to determine the basic format for the cell, column or row:
    
    

    Option	Description
    Table cell properties dialog box
    Alignment	Determines the alignment of the text horizontally within the current cell.
    Vertical alignment	Determines the alignment of the text vertically within the current cell.
    Cell type	Enables you to specify whether the selected cell is formatted as either a header or data cell. Typically, table header cells display more pronounced formatting.
    Scope	Sets the HTML attributes of the table cell - only for very advanced users and can safely be left blank.
    Width	Determines the width of the column in which the current cell is positioned.
    Height	Determines the height of the row in which the current cell is positioned.
    Class	Determines the style applied to the table or cell(s). The styles are defined by the web developer.
    Table row properties dialog box
    Row in table part	Determines the vertical position of the current row within the table.
    Alignment	Determines the alignment of the text horizontally within the current row.
    Vertical alignment	Determines the alignment of the text vertically within the current row.
    Class	Determines the style applied to the table or cell(s). The styles are defined by the web developer.
    Height	Determines the height of the current row.

14. Make the editing changes that you require
15. Click on  to apply the changes.