- UK 029 20 504 807
- Log in to edit your site
If you need to display data or other information in a tabular format, the Page Editor allows you to insert and manipulate
Next to each page in the Page Manager page list, there is a pencil icon which opens the page for editing. Simply click this icon next to the page you wish to edit.
Choose where you would like to insert the table by clicking inside the editor at the correct place. The flashing cursor (insertion point) will be displayed - you can always use the cursor keys to move it to the exact location. In the example below, we are going to insert the table after the existing content in the page, and have already pressed the "centre" button to ensure the table appears in the middle of the page.
Simply click the table toolbar button in the Page Editor, as shown on the left, to open the "Table Properties" window.
The "Table Properties" window allows you to specify a number of configuration options for the table. These are outlined below.
When you are happy with the options you have specified, click "OK" to create the table. In the example below, we have created a table with 4 rows, 4 columns, a width of 450 pixels, cell spacing of 3, cell padding of 6, border size of 2 and with a caption of "This is my new table".
After creating the table, you can change most of the configuration options by right-clicking anywhere inside the table and selecting "Table Properties". With the exception of the Rows, Columns and Caption options, you can change everything that was available when you initially created the table.
To add data to the table, simply click inside each cell and enter the text (or insert an image, link, etc) as required. In the example below we have added data to each column in a diagonal line.
In this example, we have used the "centre" and "right" alignment options in the Page Editor, to show that each cell can be treated just like it is a paragraph in its own right.
Note that in the above example the cells have changed size to accomodate the content that has been entered. Sometimes, this may be what you require, but in a data table you may wish to have consistent cell widths. In this case, we can configure the cells to behave the way we want.
To edit a cell's properties, right-click inside the cell, hover over the "Cell" option, and then choose "Cell Properties".
The "Cell Properties" window offers a range of options for fine-tuning how each individual cell in the table appears:
In the example below, we have taken the original table and set the width of each of the cells in the top row to 25% (thus distributing them evenly throughout the table) and the background colour of one of the cells to light yellow.
It is very possible that you will need to extend the table over time as more data is required. To add a new row, right-click in a cell in the row either above or below where you wish to insert the new row, hover over the "Row" option and choose one of the "Insert" options. In the example below, we will add a row to the bottom of table.
New columns can be added in the same way, by using the options in the "Column" sub-menu.