Adding a table to a page in SurreyCommunity.info is similar to adding a table in a word processing document.

 

How to add a table

  • Open the page for editing.
  • Use your mouse to click at the point where you want to add the table
  • Click the insert/edit table button. 
    Location of the insert/edit table button 
    The insert/modify table box will appear on screen.
    The insert/modify table box 
  • Enter the number of columns and rows that you want to have in the table (the standard setting is for 2 rows and 2 columns)
  • Enter a number for the width of the table's border (0 is no border, 1 is a standard thin border, larger numbers will produce thicker borders)
  • Optionally, specify the width of the table (you don't have to do this - if you leave it blank, the table will expand to fit whatever you put in it). You can set the width by entering a percentage (100% will be the full width of the page, 50% will be half and so on) or the number of pixels for the width (keep this to less than 700 to fit on to most screens). It is usually better to specify the width as a percentage as this will allow the table to resize for viewing on different screens.
  • Click the insert button. The table will be added to your page.

 

Hints for using tables on your site

Adding/removing rows

  • To add or remove rows or columns from your table, use the buttons on the toolbar:

    The table editing buttons

    From left to right these are:
    • Add a new row above the current row
    • Add a new row below the current row
    • Remove the current row
    • Add a new column before the current column
    • Add a new column after the current column
    • Remove the current column

Adjusting width

  • To set the width of a table, click the insert/edit table button and enter either a number (pixels) or a % (of the page width) into the width box.
  • To set the width of a column, right-click the column and choose cell > table cell properties from the menu that appears. You can then enter either a number (pixels) or a % (of the table width) into the width box.

Borders

The standard setting for borders is 0 (no border visible). Turning borders on (setting them to 1) can make your table easier to use - it helps people to see the rows and columns.

The top row (header)

  • It's often a good idea to use the first row of the table as a header to describe the contents of each column. You can designate the first row as a header (which will help search engines and browsers correctly interpret the table) by right-clicking the row and choosing row > table row properties from the menu that appears, and then changing the row type to header

General

  • Avoid using tables just for splitting your page into columns - this can make your page display unpredictably in some browsers (particularly for visitors with smaller screens or visitors using screen reading software). Consider changing the layout template used for your page instead if this is what you want to do.
  • Don't try and fit too many columns into your table. There's a limited width to display the table - the more columns you have, the narrower each one will have to be. Columns that are very narrow can be difficult for your visitors to read.