2020.2

l
When creating a Dynamic Table, you can check the option Hide when empty. (See
"Creating a Dynamic Table" on page802.)
l For an existing Dynamic Table you can select the table (see "Selecting an element" on
page616) and check the option Hide when empty on the "Attributes pane" on
page1038.
Hiding an empty table row
Empty rows are omitted from a Dynamic Table by default.
A row is considered empty if all elements with a data-field attribute in that row refer to empty
data fields. Any additional text is not taken into account.
To keep empty rows visible in the output:
l
Switch to Source view.
l Add the data-keep-when-empty attribute to the respective <tr> element(s). For
example:
<tr data-repeat="Instruments" data-keep-when-empty="">.
Tip
To locate a row you can select it on the "Outline pane" on page1047.
Styling a Dynamic Table
The Insert Dynamic Table wizard lets you select a style for the table.
Tables are styled via CSS: when the wizard adds a Table, the chosen theme's class is added
to the <table> element, and, if it doesn't exist yet, the default_table_styles.css file is added to
the resources of the template. This CSS file contains the CSS rules for all table themes. (See:
"Styling templates with CSS files" on page727.)
To change the theme, you could simply select the table and change its class on the "Attributes
pane" on page1038.
The available theme classes are: table--grid, table--colgrid, table--minimalist, table--dark, table-
-light, table--striped, table--topbar, table--portfolio. (Note the double dash in the class name.)
Page 812