Click the Table Icon on the toolbar to insert a new table.

A drop down up window will provide grids for a table where each box represents a "cell". Positioning the mouse over the grid will change the boxes to blue representing the number of columns and rows the new table will have. Select the appropriate size for the table and right click. For example: below represents a table that will be created with 4 columns (down) and 3 rows (across).

Select the appropriate size for the table and right click to confirm and create the table.The table will be created in the content area for you.

Advanced Options

If the Advanced link is clicked, a pop up window " Insert Table Web Page Dialog" will appear.

 

 

 

A sample table displays the features you have selected.

Note : Each cell in the sample table has a unique cell reference number expressed as (x,y), where x = row number and y = column number. Example : (1,1) is the cell in row1, column 1.



Enter information for the following fields :

Rows - enter the number of rows you want

Columns - enter the number of columns you want

Borders - Choose from the drop down list; or a border up to 5 pixels wide.The sample table will display border selections. To change the colour and attributes of the border: After you have "inserted" the table - highlight the table, click on the BORDERS & SHADING icon on the toolbar.

Spacing - Spacing defines the space between adjacent cells and between a cell and the edge of the table. The default is 1 pixel. Increasing the space will increase the distance between cells and create more "empty" space. The effect will be obvious on testing. Watch the sample table grid lines to see the effect. The 2 tables below show borders of 5 pixels wide, the first has a spacing of 1 pixel, the second has a spacing of 5 pixels. Note the increase in white space around the cells.

Table1: Spacing defined as 1 pixel Border is not collapsed	Table2: Spacing defined as 5 pixels Border is not collapsed Note the increase in "white space" between the cells.

Padding - Padding defines the space between the cell contents and its border/ edge. Increasing the padding creates more white space between the cell content and its border.

Collapse - Choose either Yes / No. Refers to the collapsing or expanding of a border. No Collapse outlines each cell with white space all around. Collapse, used in conjunction with Border and Spacing will determine the outlined space between each cell. Watch the sample table grid lines to see the effect.

Table displaying "No Border Collapse" Border = 5 pixels, Collapse = no	Table displaying "Yes Border Collapse" Border = 5 pixels, Collapse

Span > Columns - merges cells across a row. Using the sample table in the Web Page Dialog box, click in the cell you want to merge and click on the Span > button. Each click adds another cell. Merged cells will be highlighted in the sample. The example table below is a table with the top 2 columns in first row "spanned".

Span v Rows - merges cells down a column. Using the sample table in the Web Page Dialog box, click in the cell to merge and click on the SPAN button. Each click merges another cell. Merged cells will be highlighted in the sample. The example table below is a table with "spanned" rows in the third column row two and three.

 

Note: Span Rows is rarely used and if used should be used with caution. When you have a table with desired properties 

 Click  insert - repeat steps 4 & 5 for inserting more tables