Table Lists

Basic Table List

Table lists are a great way to visually organize lists of information.

 

Example 

Name Email Address Phone Number Room
Johnny Campus johnny.campus@canyonsdistrict.org (801) 123-4567 101
Suzy Campus suzy.campus@canyonsdistrict.org (801) 234-5678 102
Kelly Campus kelly.campus@canyonsdistrict.org (801) 345-6789 103


Anatomy of Code Snippet

_div style=_background-color_ #ebedee; padding_ 20px 20px 20px 20px; overflow_ hidden;__Your Text Here__div_ (15).png    

 

How to Add a Table List

1. Copy the code snippet:

<table class="ic-Table">

<thead>

<tr>

<th>Column 1</th>

<th>Column 2</th>

<th>Column 3</th>

</tr>

</thead>

<tbody>

<tr>

<td>Column 1 Entry 1</td>

<td>Column 2 Entry 1</td>

<td>Column 3 Entry 1</td>

</tr>

</tbody>

</table>

 

2. Navigate to a content page, click Edit, and select the HTML Editor.

3. Paste the copied snippet & edit the text that will appear in the header & first row. Add more rows as needed.