|Heading ||Heading ||Heading ||Heading |
|Row  Column 1||Row  Column 2||Row  Column 3||Row  Column 4|
|Row  Column 1||Row  Column 1||Row  Column 3||Row  Column 4|
|Row  Column 1||Row  Column2||Row  Column3||A textHyperlink|
The widget creates a table with up to eight columns and 99 rows. The table head can have a contrasting background and both the cell borders and outer border can be styled.
The font can either be web safe or hosted with a web safe fallback.
Text hyperlinks can be created and the styles for color, hover color and text decoration are included in the widget settings. See the Hyperlinks info page for how to set up hyperlinks and get them to open in a new window if required.
The column head is optional. The first two columns are already set up and additional columns are added by checking a box and entering the heading text.
Rows are added by clicking the "Add" button at the bottom of the widget's Assets List, highlighting the entry and adding the info for each column in the boxes below. The item name in the Assets List can be changed by double clicking it.
The table can be made responsive by checking the Full Width box in the Metrics inspector and setting a maximum width. Note that tables are not really suitable for use on mobile phones unless they either have only two or three columns or are specifically design to change the layout style when viewed on narrow screens.
Note that the table can be used to create column layouts by setting the border widths to zero.