twoColumn twoRight handbook
Tables
Inserting Tables
- In Edit mode, scroll down your page to the desired section where you would like to place a table. e.g. on a new line after a paragraph of text.
- From the Table menu hover over Table and select the number of rows and columns you would like to include in your table. Click to insert into your page.
![Select table, then select the amount of rows and columns for your table](images/tables/InsertingTable.png)
- Add your content to the blank table cells.
![Insert data into each cell](images/tables/InsertingData.png)
Formatting Tables
To create a data table:
- To add a header row to your table, highlight the header row, right-click on the table and go to Row, then Row Properties.
![highlight header row then right-click, go down to Row and select Row Properties](images/tables/RowProperties.png)
- Select Header from the Row Type drop-down
![Row properties showing row type as a header](images/tables/HeaderRow.png)
- Next, right-click the table again with header row still highlighted and go to Cell, then Cell Properties. Select Header Cell option from Cell Type drop down.
![Cell properties showing cell type as a header cell](images/tables/CellProperties.png)
To create a presentation table:
- Find the source code icon to view code, then find your table.
![html code icon](https://www.unf.edu/cascade/manual/images/Code.png)
- Add role="presentation" at the beginning of the table.
![Add role="presentation" to <table> on the code side](images/tables/RolePresentation.png)
Styling Tables
- With the table selected, click on the Formats drop-down, then Custom, then select one of the table color style options.
![Click on the table, then select formats, custom, table color](images/tables/TableStyles.png)
- To edit spacing, width, etc., click on table to find table properties.
![Click inside the table to select table properties](images/tables/TableProperties.png)
Table Styles
Table-blue
Column 1 |
Column 2 |
Column 3 |
Item 1 |
Item 2 |
Item 3 |
Item 4 |
Item 5 |
Item 6 |
Item 7 |
Item 8 |
Item 9 |
|
Table-gray
Column 1 |
Column 2 |
Column 3 |
Item 1 |
Item 2 |
Item 3 |
Item 4 |
Item 5 |
Item 6 |
Item 7 |
Item 8 |
Item 9 |
|
Table-cyan
Column 1 |
Column 2 |
Column 3 |
Item 1 |
Item 2 |
Item 3 |
Item 4 |
Item 5 |
Item 6 |
Item 7 |
Item 8 |
Item 9 |
|