How do I create a table?

Article ID: 291
Last updated: 29 Jun, 2013

If you want to create a more complex layout for a page, or display tabulated data, you will need to create a table. You begin creating a table by clicking this button:

After pressing you will see this screen:

This is the table settings screen, you will see this each time you add a table, or edit one. You can enter your starting rows and columns here, but don't worry if you later change your mind or need to add new data, you can always add and remove rows and columns later.

Cell Padding is the spacing between a cell's content and its border, so setting cell padding to at least 5 is advised if you plan on adding a border or background colour to cells.

Cell Spacing is the space between cells.

Alignment is how you want the table to be aligned relative to the page.

Border allows you to set a border for the whole table. If you want only certain rows/cells to have a border, leave this blank, you can add borders to individual cells later.

You can set a Width and Height for the table as well. We recommend setting a fixed width, as this will make editing and displaying the table easier, as the editor and your pages are not always the same width. You can enter width as a percentage if you want, just add the % symbol after the number.

The Class field is unnecessary for the vast majority of tables.

The Advanced Tab should be avoided unless you really know what you're doing, however novice users may wish to use it just for setting the border and background colour of the table.

Once placed, you can edit these settings again at any time by placing your cursor anywhere in the table, and clicking the table button again. Once the table has been placed you can also edit a cell or row, add new cells or rows, merge cells or edit a cell or row's properties by placing your cursor in the cell you wish to edit and clicking the little arrow next to the Table icon. You will be presented with this menu:

You can edit an individual cell to change the alignment or colours by placing your cursor in it and clicking the Table cell properties button. You can edit an entire row by placing your cursor in a cell on that row and clicking the Table row properties button.

In the window that appears you can change alignment and size of the cell, and if you select the Advanced tab, you can change the background and border colours.

When editing a cell or row, you can save your changes to the current cell/row by clicking Update, however you can also choose to make your changes to other cells or rows by choosing something different in the dropdown above the Update button. For example, to apply your changes to a cell to all cells in that column, choose 'Update all cells in column'.

You can add and remove rows and columns using the other menu items.

To merge cells you will need to select multiple cells. To do this place your cursor over the first cell, and then click and drag your mouse to the last cell. The highlighted cells will appear blue. Clicking 'Merge table cells' will then merge these cells into one.

To edit the font colour and size of the cell's content, you can use the editor's regular tools. More information on these is available in the included manual and help videos.

Also listed in
folder eWeb 2.0 -> Advanced Features

Prev   Next
Why are images in my table smaller in some browsers?     PayPal Layouts - Examples and How to get the code