Working with Tables
Tables can be used to display information in a tabular format, similar to the way a spread sheet works. Tables are also often used to control the layout of webpages by placing content inside columns and rows. However, tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media. Additionally, when used with graphics, these tables may force users to scroll horizontally to view a table designed on a system with a larger display.
So do your best to avoid using tables for layout, but for tabular data, tables are what you should use.
Working with tables in the WYSIWYG wepage editor
What the Table Buttons do
Table Functions: To insert or modify a table or cell, select the 'Table Functions' icon to display a list of available Table Functions.
If a Table Function is NOT available, you will need to select, or place your cursor inside the table you wish to modify.
Insert Table: To insert a table, select the desired location, then click the 'Insert Table' icon.
A new window will pop-up with the following fields: Rows - number of rows in table; Columns - number of columns in table; Width - width of table; BgColour - background colour of table; Cell Padding - padding around cells; Cell Spacing - spacing between cells and Border - border around cells.
Fill in table details then click the 'OK' button to insert table, or click 'Cancel' to go back to the editor.
Tip: You can apply a predifined style to your table to make it look slick! Choose "data" from the style drop down list
Modify Table Properties: To modify table properties, select a table or click anywhere inside the table to modify, then click the 'Modify Table Properties' icon.
A pop-up window will appear with the table's properties. Click the 'OK' button to save your changes, or click 'Cancel' to go back to the editor.
Note: this function will not work if a table has not been selected.
Modify Cell Properties: To modify cell properties, click inside the cell to modify, then click the 'Modify Cell Properties' icon.
A pop-up window will appear with the cells' properties.
Click the 'OK' button to save your changes, or click 'Cancel' to go back to the editor.
Note: this function will not work if a cell has not been selected and does not work across multiple cells.
Insert Column to the Right: To insert a column to the right of your cursor, click inside cell after which to insert a column, then click the 'Insert Column to the Right' icon.
Each consecutive click will insert another column after the selected cell.
Note: this function will not work if a cell has not been selected.
Insert Column to the Left: To insert column to the left of your cursor, click inside cell before which to insert a column, then click the 'Insert Column to the Left' icon.
Each consecutive click will insert another column before the selected cell.
Note: this function will not work if a cell has not been selected.
Insert Row Above: To insert row above, click inside cell above which to insert a row, then click the 'Insert Row Above' icon.
Each consecutive click will insert another row above the selected cell.
Note: this function will not work if a cell has not been selected.
Insert Row Below: To insert row below, click inside cell below which to insert a row, then click the 'Insert Row Below' icon.
Each consecutive click will insert another row below the selected cell.
Note: this function will not work if a cell has not been selected.
Delete Row: To delete a row, click inside cell which is in the row to be deleted, then click the 'Delete Row' icon.
Note: this function will not work if a cell has not been selected.
Delete Column: To delete a column, click inside cell which is in the column to be deleted, then click the 'Delete Column' icon.
Note: this function will not work if a cell has not been selected.
Increase Column Span: To insert column span, click inside cell who's span is to be increased, then click the 'Increase Column Span' icon.
Each consecutive click will further increase the column span of the selected cell.
Note: this function will not work if a cell has not been selected.
Decrease Column Span: To decrease column span, click inside cell who's span is to be decreased, then click the 'Decrease Column Span' icon.
Each consecutive click will further decrease the column span of the selected cell. Note: this function will not work if a cell has not been selected.