Trellian Webpage

Inserting a Table



Tables can be used to present data in an ordered fashion, or even to organize the layout of an entire page.

Creating a table

To insert a table click on the Insert menu and select Table.

Table menu options

A window with various settings and a preview is displayed. As the various settings are updated, the preview will reflect the changes, so you can see how your table will look on your page.



Table settings

Table size
The table size value sets the amount/size of the page that will be used by the table.eg. 50% width would indicate that the table's width will be half the width of the page. Either pixels or percentages can be used to specifiy the size.


Rows and columns
A table is defined by the number of rows and columns that it contains.


Spacing
Cellpadding refers to the amount of space between the cell contents and the border of the cell.
Cellspacing refers to the amount of space between each cell. Both cellpadding and cellspacing are measured in pixels.



Border color and background image

To set the border colors and/or background image, select the table, right click and select properties.

Table properties

Border
To hide the table border, set the border field to 0. To display the border, set the border field to 1.

Background color
To set a background color for the table, click the ... button and select a color.

Border color
To set the table border color, click the ... button and select a color.

Border color light
Table borders are rendered in a 3d style, where the top and left borders are light, and the bottom and right borders are dark. To set the light border color, click the ... button and select a color.

Border color dark
Table borders are rendered in a 3d style, where the top and left borders are light, and the bottom and right borders are dark. To set the dark border color, click the ... button and select a color.

Background image
To set a backgound image, click the ... button and locate an image.



Changing cell properties

To change the cell size, color, background image and other properties, click inside the cell, then right click and select properties. The cell properties will be displayed.

Cell properties

Width
Specifies the width of the cell in pixels.

Height
Specifies the height of the cell in pixels.

Span across
Specifies how many cells this cell spans across.

Span down
Specifies how many cells this cell spans down.

Background color
To set a background color for the table, click the ... button and select a color.

Border color
To set the table border color, click the ... button and select a color.

Border color light
Table borders are rendered in a 3d style, where the top and left borders are light, and the bottom and right borders are dark. To set the light border color, click the ... button and select a color.

Border color dark
Table borders are rendered in a 3d style, where the top and left borders are light, and the bottom and right borders are dark. To set the dark border color, click the ... button and select a color.

Background image
To set a backgound image, click the ... button and locate an image.

Horizonal alignment
Specifies the horizontal text alignment within the cell.

Vertical alignment
Specifies the vertical text alignment within the cell.

No Wrap
Specifies if text should wrap within the cell.

Background image
To set a backgound image, click the ... button and locate an image.



Deleting, inserting and splitting cells

To insert or delete rows or columns, click on the Insert menu and select the relevant table option.

To split or merge a cell, click the relevant cell(s), click on the Insert menu and select the Split Cell icon or Merge Cells icon.

Table options





Autofit Rows or Columns

Rows and Columns can be automatically aligned to the same size of the largest row or column.
In the example below, column 1 is slightly larger than all other columns.

Table autofit rows and columns example

To ensure all columns are the same size, select the entire row of columns and right click to open the table menu.

Table autofit rows and columns menu

Select Autofit and Distribute columns evenly.
Resulting table is displayed below.

Table autofit rows and columns example result