NOTE: In general, tables are not responsive, and not friendly for phones or tablets. As such, tables should be used sparingly, and only to display and organize data and information. Tables should not contain images or graphics.
To insert a table, select the "Table" drop-down icon on the toolbar.
Hover over the "Insert Table" option, and select the number of rows and columns desired.
Upon selecting the table size, the table will be automatically inserted onto the page.
Once the table is selected, you can click the "Table Properties" option on the Table drop-down menu. Clicking this button will bring up a pop-up box where users can modify the properties of a table.
Editing the table via the options above (i.e. width, height, cell spacing, cell padding) does not make the table responsive and easily used on tablet or phone.
Making the Table Responsive
In order to make tables responsive on the site, users need to add/change the class to the table. Under "Table Properties," change the "Class" option to "Custom." In the blank field that appears, type "table", and click "OK".
NOTE: Users can also type "table table-striped" to make the table responsive, with alternating colored rows.
Doing this makes tables more friendly to tablets and phones, but still can be difficult to view. The web team recommends using tables sparingly to avoid the issue.
Clicking the "Delete Table" option deletes the table.
The "Show Table Outlines" icon adds/removes the outlines of tables that would be invisible otherwise, for visual purposes only. These lines disappear when the editable region is saved and the page is viewed in Preview.
This menu contains three options, allowing users to edit specific and individual table cells.
The "Table Row Options" allows users to edit specific table rows. This menu contains the following options:
This menu contains three options, allowing users to edit specific table columns.