2018.2

Resizing a Detail Table
To change the width of a Detail Table or of a column in a Detail Table, select it (see "Selecting
an element" on page550) and type the desired width as a percentage in the respective field on
the Attributes pane.
The height of the Detail 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.
Hiding an empty Detail Table
The number of rows in a Detail Table is variable, as it depends on a detail table in the data.
You might want the Detail Table to be hidden when there are no data to display. There are two
ways to achieve that.
l
When creating a Detail Table, you can check the option Hide when empty. (See
"Creating a Detail Table" on page717.)
l
For an existing Detail Table you can check the option Hide when empty on the
Attributes pane.
HTML elements and attributes
In HTML, a Detail Table is just a normal <table> element with rows and cells (see "HTML
element: table" on page636). But apart from the native attributes of a table, row and cell
element, some data- attributes can be seen in detail tables:
l data-detail: The name of the detail table in the data, for example: data-
detail="products".
l data-repeat: The row will be repeated if it has this attribute: data-repeat="".
l data-showin: This attribute determines the visibility of the row in different situations, if
the table gets split over multiple pages:
l header will make the row show up at the top of the table on the first page only.
l footer will make the row show up in the footer of the table on the last page only.
Page 720