Tree element type: Table
In addition to the default view, the tree component also offers a tabular display type (Properties rubric 'Common'/'Display type'/'Table').
►NOTE◄ Data for the sample content shown here corresponds to the sample data of the Tree element article.
In the table form, the tree component offers the possibility to display more information per item by defining additional columns.
This is done with the help of the columns list in the property editor in the 'Tree' section.
The created columns can be reordered in the list via drag & drop and configured by double-clicking on the column entry or by selecting it in the element tree.
The first column is always the 'tree column', which also represents the selection boxes, the icon and the fold-out buttons.
However, the displayed icon is not defined via the column, but analogous to the standard display via the tree settings.
Labels, on the other hand, are defined individually per column via their label expression (see also the following note).
►NOTE◄ Analogous to the grid column, tree columns also read their content primarily from their specified data field. If no label expression is specified, an attempt is made to convert the data hidden behind the data field into text.
Column settings
|
The values of the column are obtained from the specified data field (heading: 'Common'). |
|
The optional label expression allows the values of several data fields to be concatenated into a new text. Example: Icon of "{key}" is "{icon}": ►NOTE◄ key and icon are references to the data field of the table and to the key in the data structure of the items, respectively.
Further support features for text output and manipulation can be found in the following article: PARSE. |
|
Defines the text alignment of the cells in a column. The possible options are:
|
|
Defines whether the content of a cell should be evaluated as HTML markup. Security-related parts, such as scripts, are removed. Application example:
Result:
|