Working with Tables in Flow and Claro

You can add a Table to any Page in either a Claro or a Flow Project.

The steps are the same:

When you first add the Table, it is ready to be edited. You can select the different cells to add text.

After you have edited text in the Table, select outside of the element to quit editing the Table and save your changes. (A Table is a Text Element so your changes won’t be saved until you leave the editing mode.)

In Flow, Tables are responsive. The Table will reduce its size to match the content in the cells. Also, if it can’t display fully at a page width, it becomes horizontally scrollable.

When you select the Table with a single click, you’ll see an Options context tab added to the Ribbon.

The Options tab has the following settings available:

These settings are:

• Sort: Gives the learner the ability to sort each column of data in either ascending or descending order.
• Striped: Displays the rows in alternating colors. You may need to set a background color on the Table element in order to see the Striped effect.
• Bordered: Turn borders on/off. (Dividing lines will still be shown between rows.)
• Hover: Rows will be highlighted on mouseover.
• Condensed: Reduces the padding around cells.

When you are editing a cell in a table, you can right click to open an options list which includes several items related to Tables:

The Cell options allow you to Insert, Delete and Merge Cells as well as set Cell Properties.

The Row options allow you to Insert and Delete rows. You can use this option to remove the Header row that the Table feature automatically adds to your table.

The Column options allow you to Insert and Delete columns.

Delete Table allows you to delete the table.

Selecting the Table Properties option opens the Table Properties panel:

The Table Properties options allow you to:

• Change the number of Rows or Columns 
• Determine Headers
• Set Border size
• Set Alignment
• Add Caption and Summary
• Adjust Width and Height (Note: If you plan on publishing to a document, it is recommended that you leave these values at or less than 100% and do not use a unit of measure other than % (such as pixel). Changing these values could result in a Table that does not fit the standard document page.)
• Adjust cell Padding and Spacing
• Access Advanced Properties