2021.2

Utility classes for text in a Dynamic Table
In order to style text in a Dynamic Table, you could use some classes for which there are style
rules in the default style sheet for Dynamic Tables (default_table_styles.css). The classes are:
l .u-text-left
l .u-text-center
l .u-text-right
l .u-text-bold
l .u-text-normal
l .u-text-italic
These classes will be applied when you choose Use CSS utility classes as Text Alignment
mode when creating a table. To change the alignment after the table has been created, select
the cell (see "Selecting an element" on page638) and then type the desired class in the
"Attributes pane" on page1059.
Note that if you selected Via inline styles as Text Alignment mode when creating the table, the
utility classes won't work, unless you remove the inline style first. Inline styles always get
applied since they are more specific. (For an explanation see "Using a more specific CSS rule"
on page756.)
Changing styles based on a data field value
Changing the styles of a row or cell in a Dynamic Table, based on the value of a data field,
requires a script. See "Using scripts in Dynamic Tables" on page909.
Resizing a Dynamic Table
To change the width of a Dynamic Table or of a column in a Dynamic Table, select it (see
"Selecting an element" on page638) and type the desired width as a percentage in the
respective field on the "Attributes pane" on page1059.
It is also possible to resize colums via drag-and-drop (in Design mode only). To allow for this,
select the table and check the option Allow Resizing on the Attributes pane.
The height of the Dynamic Table is adjusted automatically to the amount of data added to it in
Preview mode or when generating output.
It is however possible to change the height of the rows: click in the row and type the desired
Page 837