A Guide to Tables
Tables are useful tools for organizing data. Site Builder's text editor can be used to create a simple or complex table system to deal with large amounts of organized data.
Creating a table
To create a table in Site Builder, place the cursor where you want the table to go and click on the (table) icon. A dialogue box will appear and allow you to set certain options for the table.
- Columns: the number of horizontal columns there will be
- Rows: The number of vertical rows there will be
- Border size: The thickness of the border around the cells. This is set to a default value of 1. If set to 0, the border will be invisible, making your table harder to edit or even find on the page initially. Try setting the border to 0 after inputting data to make things easier.
- Width: Allows you to select the width of the entire table. It can be set in exact pixel width, or a % of the final page’s width. If you are creating a page that will be only a table, or will feature it prominently, it is a good idea to set it to 100%. Any pixel width higher than 446 pixels will cause errors on a 3 column page.
- Height: Allows you to set the height of a table. Generally this attribute is left undefined, and the table will grow as you need it to. If set, large amounts of data may not fit into the table.
- Cell Spacing: The amount of space, in pixels, between individual cells in the table.
- Cell Padding: This is the amount of space, in pixels, between the cell border and the cell content. If set to 0, the content will be flush with the borders of the cells.
- Alignment: Allows you to align the table to the left, right or center of the page.
Modifying a table
After creating your table, there are a few things that you can do to make your table more tailored to your needs. Here are a few things you can change using the options menu.
The options menu: The options menu is the menu that appears when you click on a page element with the right mouse button (option-click for Mac Users). In this menu you will find a few options for your table.
- Insert Row: Will insert a row of cells below the currently selected row.
- Delete Row: Will delete the currently selected rows and all their contents.
- Insert Column: Will insert a column of cells after the currently selected column
- Delete Column: Will delete the currently selected columns and all their contents
- Insert Cell: Will insert a single cell into the same row as the currently selected one.
- Delete Cell: Will delete the currently selected cells and their contents
- Merge Cells: Will merge multiple cells in a single row into one cell
- Split Cell: Will split the currently selected cells in half.
Cell properties: This menu is accessed by selecting one or multiple cells in a table and using the options menu. Here you can modify the following things for the selected cells:
- Width: The width of the cells in pixels or percentage of the table width.
- Word wrap: Whether or not a cell’s words will wrap to the next line on a space, or continue, expanding the width of the column to fit the text.
- Horizontal Align: Sets where the contents will be positioned horizontally
- Vertical Align: Sets where the contents will be positioned vertically
- Row span: Sets the number of rows a single cell with span. For example, a cell set to span 2 rows creates a table that will look like this.
Rowspan 2 cell cell
Note: using this feature will bump the cells below it over one column. To avoid confusion, try modifying your table before entering data. You can get rid of extra cells by using the Delete cell command.
- Col span: Much the same as Row span, but for columns instead. This creates a cell that spans two columns to appear like this:
Col Span 2 cell cell
Note: this feature will bump the cells next to it over one column. To avoid this, you can use the Merge cells feature or delete the protruding cell.
- Background colour: You may want to change the colour behind the text of a cell. If so, use the list of Suggested Colours. Make sure the text contrasts enough to make it readable.
- Border colour: A cell’s border colour can be changed in the same way it’s background colour can be changed.
Table properties: This option opens the table dialogue box you saw when creating the table. Here you can modify everything you could before, except the rows and columns. You can modify those using the add/delete columns and rows options in the options menu.