Formatting Text & MediaTables

As a general rule, Tables tool in the Sidebar is better at formatting tables than creating them. Use the Canvas rich content editor to create new tables and modify their structure (add/remove rows and columns, merge cells, etc). Then fine tune your tables with the DesignPlus Sidebar.

The DesignPlus Table tool includes options to adjust table, row, and column size, as well as to add column headers and footers, row headers, row hover effects, column sorting, and other features that will make your tables attractive and accessible. There's also a utility to convert tables to columns in cases where tables were used as a means of formatting non-tabular data.

Tips for Tables

Tables should only be used to present data organized into rows and columns. Do not use tables to lay out text and images on a page. Instead, use the Column Layouts options, currently available in the Snippets tool.
To ensure accessibility, all tables should have a head row, a head column, or both.

Instructions

Format an existing table

These instructions assume you have already created the table in the Canvas rich content editor.

Select the Edit Current Element ( ) tab in the Sidebar.
Place your cursor within the table or the specific row, column, or cell you want to modify.
Choose Table as the active tool:
Use the Content panel to adjust the text alignment, width, or height of the entire table, a specific row or column, or a specific cell.

First, place your cursor in the table, row, column, or cell you want to change. Then:
1. Select what part of the table you wish to change: Table, Row, Column, or Cell.
2. Use the alignment grid to choose your preferred text alignment (left/center/right and top, middle, bottom) for the selected part of the table.
3. Use the Width and Height fields to set the width and height for the selected part of the table. Width values can be entered in pixels, percent, or ems. Cell height can be specified in pixels or percent only.
4. Click the X Width or X Height buttons to clear custom width or height settings from the selected part of the table (i.e., entire table, row, column, or cell).
5. Use the Delete ( ) icon to remove the selected part of the table (i.e., entire table, row, column, or cell).
6. Or, click to convert the entire table to flexible columns.
Use the options in the Style panel to select the Base Style for the table and the Border Style.
Use the Structure options in the Advanced panel to designate structural elements in your table or add a caption (important for accessibility). Note a column header or row header is required for accessibility. With the choices under Other Options you can enable advanced table features such as striped rows, row hover, column sorting, etc.

Learn More

Cidi Labs DesignPlus User Guide: Tables
Column Layouts