Insert a table
This tutorial covers inserting a table, inserting table rows (see steps 10 to 14 below), and inserting table columns (see steps 18-20 below).
To insert a table on a page:
- Navigate to the desired page and click on Edit.
- Place your cursor in the main page content area and then click on the Table drop-down menu in the WYSIWYG editor.
- Then select Table and select the desired number of columns and rows.
- You will see the table has been inserted, but its difficult to see the cells. We can change the width of the table.
- Ensure the table is selected and click on the Table drop down menu again and select Table properties.
- Enter the desired width, cell spacing, cell padding, border size and select the alignment.
- When you are finished entering, click Ok.
- You will see that the properties of the table have now changed.
- Now you can fill in the table fields.
- To insert a row above, highlight the row below where you'd like your new row to be inserted and then click on the Insert row above icon.
- You will see that an empty row has been added and you can fill in the fields.
- To insert a row below, highlight the row above where you'd like your new row to be inserted and then click on the Insert row below icon.
- You'll see the row has been added below and you can fill in the fields.
- Now that your table has been created and completed, you'll need to add a proper heading row. To do this, you have to edit the source code for the table. Click on the source code icon in the WYSIWYG editor.
- You will need to add the following html code for the headings just before <tbody>.
Here is a text version that you can copy and paste:
<thead>
<tr><th>Name</th><th>Telephone</th><th>Email Address</th></tr>
</thead>
- Click OK.
- You'll see the table headings have been added.
- To add a column, highlight the column beside where you'd like your new row to be inserted and then click on the Insert column left icon or the Insert column right icon.
- You will see the column has been added.
- And you can fill in the column heading and other cells.
- The last step to creating our table is to add the zebra custom style, so our table rows will be alternating gray and white. Make sure you have the entire table selected. Click on the Formats drop-down in the WYSIWYG editor and select Custom > zebra.
- When you are finished, click on the ellipsis and then click on submit.
- You'll see that the table has been added to the page.
Note: When pasting a table from Word into Cascade, you may encounter issues with the formatting and sizing of your table. To avoid this, set the preferred column width in Word to measure in Percent, rather than centimeters/inches: Table properties > Column > Preferred width.
