2020.1

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608) and type the desired width as a percentage in the
respective field on the "Attributes pane" on page1024.
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
height in the respective field on the Attributes pane. All line item rows will have the same
height.
Adding leading and trailing space to a Dynamic Table
The best way to add extra space at the top or bottom of a Dynamic Table is to set the Table's
top or bottom margin, respectively (see "Styling a table" on page740).
Do not use empty lines (<br>) or paragraphs (<p>) to add trailing space to a table. In Print
output they might end up on a next page without any other visible content, which would still be
printed because lines and paragraphs must be treated as content, even when they are empty.
HTML: table element and data- attributes
In HTML, a Dynamic Table is a normal <table> element with rows and cells (see "HTML
element: table" on page707). But apart from the native attributes of a table, rows and cells, it
has some proprietary data- attributes which make it dynamic.
These data- attributes are set automatically on a new table that is made with the Dynamic
Table Wizard that was introduced in version 2020.1.
They can be changed via the "Attributes pane" on page1024, depending on which element is
selected (see "Selecting an element" on page608), or directly in the template's HTML via the
"Source tab" on page1047.
Tip
Just like other attributes, data- attributes can be used as selector; see "Using scripts in Dynamic
Tables" on page876.
Page 806