HomeEditingEditing contentTables › Adding tables

Adding tables

The Word Processor Editor allows you to add tables to your web pages easily.

Beginners might find working with tables challenging at first but with some practice, you'll be able add and edit tables quite easily. It's a good idea to get a pen and paper and just sketch out how you want to structure your table before you add a table to a web page. Editing tables through the Word Processor Editor can be difficult depending on how extensive your edits are.

To add a table

Place your cursor in the edit area and click the Table button, located at the top of the Word Processot toolbar:

Table icon

The Table Properties pop-up window appears on top of the work space with the default settings pre-populated:

  • Enter the number of rows in the ‘Rows’ field and the number of columns in the ‘Columns’ field. By default, '3' rows and '2' columns are pre-populated.
  • In the ‘Width’ field, specify the width of the table as a number of pixels or as percentage of the page width. The default table width is '500' pixels.
    You can also use percentages. If you'd like the table to fill the full width, enter '100%'.
  • In the vast majority of cases, you should leave the 'Height' field blank.
    The height of the table will automatically expand as content is added, so normally you don't need to enter anything there.
  • Select whether you'd like to treat certain cells as headers.
    That can be useful if you'd like to have the first row display as column headers, for instance.
  • In the ‘Border Size’ field, specify the pixel width of the table border. The default border size is '1' pixel.
    Enter '0' if you don’t want a border, which is the most common choice.
  • Leave the Alignment setting at <Not set>. By default, the table will be flush left, and any content following it will appear underneath. That's usually what you want.
    Only in very special circumstances – e.g. if you need text to flow around the table – should you change that.
  • In the ‘Cell Spacing’ field, specify the number of pixels between each cell in the table. The default spacing is '1' pixel.
    Enter '0' for no spacing, which is the most common choice.
  • In the ‘Cell Padding’ field, specify the number of pixels between the cell content and the edge of the cell. The default spacing is 1 pixel. Enter 0 for no padding.
    We generally recommend choosing 3 - 10 cell padding to have a bit of space between the text.
  • In most cases, the 'Caption' field should be left blank.
    If enterd, it will appear above the table.
  • The 'Summary' field can be useful for people with visual disabilties.
    It will not be displayed, but can be used by screen readers.

Click OK and the table is inserted into the Word Processor.

 

Entering content into the cells

You can now click on any cell to select it, and start entering your content. Use the keyboard's Tab key to advance to the next cell.

The Word Processor is not able to reflect all the formatting that can be applied to tables, as defined for your website in YWD Designer. In order to see how the table really looks like, preview the page after saving your changes to the content block.

Top of page