Working With Tables

Creating and Editing Tables

Insert Table

To insert a table, click Table on the tool bar menu. This screen opens:

In this example, a 4x4 table has been chosen to insert. The maximum setting from the template is a 10x10 table.

Click the lowest right corner of the 4x4 box to insert.

As there is no content, the table is collapsed. To expand, click and drag a corner to a convenient starting size. You can adjust after filling with content.

Table properties

NOTE: There are no properties to assign for Columns.
Place your cursor inside any cell in the table, select Table > Table properties from the Toolbar, and this pop-up appears:

 

One important option within the "Table Properties > Advanced" tab is the option to use a class using the "CSS class" text-box. In order to make your tables look consistant with the rest of the website it is suggested that you use "table table-striped" in the CSS class text-box. Using this CSS class will produce tables where text is clearly visible and easy to read like the one below:

 

Column 1	Column 2	Column 3	Column 4
Placeholder	Placeholder	Placeholder	Placeholder
Placeholder	Placeholder	Placeholder	Placeholder
Placeholder	Placeholder	Placeholder	Placeholder

For Cell properties, Right click from within a cell and select Cell properties, or from the toolbar: Table > Cell > Cell properties. This popup appears:Cell properties

Row Properties

For Row properties, Right click from within a cell and select Row properties, or from the toolbar: Table > Row > Row properties. This popup appears:

---

 

Next Lesson - Using the Media Library  »