Search
Expand Article

Last Updated: 12/10/12

Tables

Tables are useful for displaying information in a grid.  In the past, tables were used to lay out complete web sites, but proper web form now avoids this practice.  Most content can be arranged on your pages in columns or rows using content blocks. Tables are still needed when the information you want to display is... well, a table. For example, you can use a table to easily display information typically recorded in a spreadsheet or a list of class names, age groups, and teachers.

Inserting a Table

  1. While changing content on a page, click on a Rich Content block where you would like to insert a table to open it the content editing controls. (See Getting Started).
  2. Next, click on Show Advanced Options in the main toolbar, then on the insert table icon. A table settings box should appear. In the Rows and Columnstext boxes, select the number of rows and columns your table should have.
  3. Using the Width and Height text boxes, you may set the total width and height of your table within your content block by percentage or by pixels.
  4. Note: unless you specify a given height or width, table cells will expand/contract to fit the content you place within them.
    • percent: This is the default method. For example, if a width of 50% is selected, your table will take up half the width of the content block it is in.
    • pixels: Select pixels from the Width and Height drop down boxes. Enter the the desired number of pixels in the text boxes provided.
  5. From the Border style drop down box, select the size border your table will have. If you select Off, your table will not have a visible border.  (If you have selected "Off" the editor may show a fine line so you can see where your table is.)
  6. Click on the color wheel icon to select your table Border and Background Color. (By default, your table border color is gray). You may also enter the desired color in hexadecimal format (starting with a #).  Ex: #00FF00 will be bright green. For more, please see Changing text or background color.
  7. In the Cell Padding text box, insert the number of pixels of padding you would like to appear around content within each table cell. For example, in the image below, the purple area represents padding (empty space) around cell content.
  8. In the Cell Spacing text box, insert the number of pixels of spacing you would like to appear between the cell border and the table border.
  9. Click Ok to insert your table within the block you are editing.

Edit/Modify an exisiting table

  1. Select a table and click on the Edit Table Properties icon to edit the settings for an existing table or on the Edit Cell Properties icon to edit the current cell's settings.
  2. Click the Show/Hide Table Borders icon to show borders around your table.  This is particularly helpful if you have your table border set to none.
  3. To add or delete columns or rows, click in the column or row and then click on the relevant icons:
    • Add a row above, beneath, or delete the current row.
    • Add a column to the left, to the right, or delete the current column.
  4. To delete an entire table and all of the content in it, click in the table and click the Remove Table icon.
Back to Top