Creating A Table

Creating a Table Guide

STEP-BY-STEP
Table1: Spacing defined as 1 pixel Table2: Spacing defined as 5 pixels.
Note the increase in "white space" between the cells.
Creating a tableCreating a table

 

 Creating a tableCreating a table
  • 1
    Position the cursor where you want the new table in the Content area.
    Creating a table
  • 2
    Click the Icon on the tool bar to insert a new table. 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 row 1, column 1.
    Creating a table Creating a table
  • 3
    Enter information for the following fields:
    • In the Table Properties tab:
    • 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, and click on the BORDERS & SHADING icon on the toolbar.
    • Cell 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, and the second has a spacing of 5 pixels. Note the increase in white space around the cells.
    • Cell 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.

Creating a Table Advanced Guide

STEP-BY-STEP
  • 1
    In the Advanced tab, you can enter the element ID, css style codes, and style sheet class for this table
    Creating a table
  • 2
    More features: you can right-click on the table after created in the page content You can get more features for this table In the Cell right-menu
    • (1): Inserts a cell before the current cell
    • (2): Inserts a cell after the current cell
    • (3): Deletes the highlighted cells
    • (6): Merges a cell below with the current cell
    • (7): Splits current cell become two-cell horizontal
    • (8): Splits current cell become two-cell vertical
    • (9): Opens the Cell Properties popup
    Creating a table
  • 3
    In the Cell Properties:
    • (1): Sets the width for the current cell
    • (2): Sets the height for the current cell
    • (3): Sets cell type as header or data
    • (7): Sets horizontal alignment
    • (8): Sets vertical alignment
    • Example: right-bottom
    Creating a table
  • 4
    • (9): Sets the background color for the current cell
    • (10): Sets border colour for current cell
    In the Row right-menu
    Creating a table
  • 5
    • (1): Inserts a row above the current row
    • (2): Inserts a row below the current row
    • (3): Deletes the highlighted rows
    In the Column right-menu
    Creating a table
  • 6
    • (1): Inserts a column before the current column
    • (2): Inserts a column after the current column
    • (3):Deletes the highlighted columns
    Click OK- repeat steps 2,3 & 4 for inserting more tables
    Creating a table
f