Online Documentation

Inserting and editing tables

Home

Inserting and editing tables


Inserting and editing tables Video: 03:39

Inserting a table is done via a button on the toolbar:

Creating a table

Clicking on the arrow next to the Table icon will show you a dropdown menu with a series of options. Click "Create table.." to bring up a window with three tabs.
First tab is used to specify table dimensions (Rows and columns), cell spacing and padding, table width (as percentage of page width or as pixels) and table alignment on the page:

Customizing your table

Second tab is used to select background color. You can click on a color in a cell, enter color Hex code or set it to be transparent:

Third tab is used to define cell borders color. Again, you can click on a color cell or enter a Hex code. You can also select Border width:

Inserting your table

Once you are done, click on the 'Insert' button, table will be placed into your page and you can start entering text into it:

Modifying your table

There are three ways you can modify an existing table

  • Editing the HTML directly
  • Using the extended editing options associated with the table button
  • Using one of the button for quick editing of columns or rows on your table.
Extended table editing

You can edit many of the table properties without having to write any code at all.

When in edit mode, click the area of the table that you want to edit. Then click on the drop down arrow next to the Table button. You will see a list of properties that you can customize.

  • Insert - lets you add a row or column to your table
  • Delete - lets you remove a row or column to your table, or the entire table
  • Size - You can change the size of your table, selected row or selected column. You can chose from predefined sizes, or set it to whatever screen size the user has, or go into More... to go into more customizable editing.
  • Align - Change how text is displayed in your table.
  • Padding - Set the space between cells and rows
  • Border - Define how the border around your table should look.
  • Background - Set background colors for your table.
    As well, there are also a series of buttons for editing columns or rows on your table. You can find them in the WYSISYG editor

To use the buttons, click on any cell in your table. The buttons will become active in the tool bar.

Here's a list of the buttons and the effect that they will have on your table. All the actions are relative to the row and column that your cursor is in:

  • Add new row after current row
  • Add new row before current row
  • Add new column after current column
  • Add new column before current column
  • Delete current row
  • Delete current column

Bonasource Inc. 144 Front Street West, Suite 725, Toronto, Ontario M5J 2L7, Canada
Sales & Support: (Toll-free) +1 (877) 493-6090
All other inquiries: +1 (416) 410-4059
Copyright © 2010.
Wild Apricot™ by BonaSource Inc.