Visualization Element ‘Table’¶
Symbol:
Tag: Common controls
This element displays one-dimensional or two-dimensional arrays, structures, or local variables of a POU.
Element properties
Element name | Optional Tip: Assign individual names for elements so that they are found faster in the element list. Example: |
Element type | Table |
Data array | Visualizing variable with complete path. The structure of the variables determines the number of rows and columns in the table. If the size of the array or structure variables changes, then the table can be refreshed by placing the cursor in the data array value field and pressing the Enter key. |
Max. array index | Numeric variable that defines the maximum array index dynamically. |
Element property ‘Columns’
The table element displays the values of a variable in a tabular view. The index of array elements or structure components is shown in a column or row. Two-dimensional arrays or structure arrays are shown in several columns. The visualized variable is defined in the Data array property. If a variable is assigned there, then you can specify the display of the table columns where the array elements are shown. An individual configuration is possible for each column that is assigned to an index [<n>].
Show row header | ![]() |
Show column header | ![]() |
Row height | Height of the rows (in pixels). |
Row header width | Width of the row header |
Scrollbar size | Size of the scrollbar (in pixels). |
Column header | By default, the name of the array or structure is taken as the heading with the index or structure component for the column. The column label can be changed here by specifying a new caption. |
Width | Column width (in pixels). |
Image column | ![]() |
Image configuration | |
Fill mode |
|
Transparency | ![]() |
Transparent color | This color is displayed as transparent. Requirement: The Transparency property is selected. |
Text alignment of header | Alignment of the column heading:
|
Use template | ![]() |
Text alignment of the headline from the template | Requirement: The property Use template is activated.
|
Template | Requirement: The property Use template is activated. The properties of all elements assigned to the column are listed in Template. These can be edited as described in “Rectangle, Rounded rectangle, and Ellipse” |
See also
Element property ‘Position’
The position defines the location and size of the element in the visualization window. These are based on the Cartesian coordinate system. The origin is located at the upper left corner of the window. The positive horizontal x-axis runs to the right. The positive vertical y-axis runs downwards.
X | X coordinate of the upper left corner of the element Specified in pixels. Example: |
Y | Y coordinate of the upper left corner of the element Specified in pixels. Example: |
Width | Specified in pixels. Example: |
Height | Specified in pixels. Example: |
Note
You can also change the values by dragging the box symbols ( ) to other positions in the editor.
See also
Element property ‘Text properties’
The properties contain fixed values for the text properties.
Horizontal alignment | Horizontal alignment of the text within the element. |
Vertical alignment | Vertical alignment of the text within the element. |
Font | Example: Default
|
Font color | Example: Black
|
Transparency | Whole number (value range from Example:
Please note: If the color is a style color and already has a transparency value, then this property is write-protected. |
Element property ‘Dynamic texts’
The properties contain references to the texts of a text list.
Text list | Variable (string) or name of the text list as a fixed string in single straight quotation marks. Example:
|
Text index | Text list ID. This refers to the desired output text.
|
Tooltip index | Text list ID. This refers to the desired output text.
|
See also
- Text list: Textlist
Element property ‘Font variables’
The variables enable dynamic control of the text display.
Font name | Variable ( Example: The selection of fonts corresponds to the default Font dialog box. |
Size | Variable (integer data type). Contains the font size (in pixels). Example: The selection of font sizes corresponds to the default Font dialog box. |
Flags | Variable ( Flags:
Note: You can combine the font displays by adding the coding of the flags. For example, a bold and underlined text: |
Charset | Variable ( The selection of character set numbers corresponds to the Script setting of the standard Font dialog box. |
Color | Variable ( Example: |
Flags for text alignment | Variable (integer data type). Contains the coding for text alignment. Example: Coding:
Note: You can combine the text alignments by adding the coding of the flags. For example, a vertical and horizontal centered text: |
Note
Fixed values for displaying texts are set in Text properties.
See also
Element property ‘State variables’
The variables control the element behavior dynamically.
Invisible | Variable (
|
Deactivate inputs | Variable (
|
Element property ‘Selection’
Background color on selection | Fill color of the selected row. |
Selection font color | Font color of the selected row. |
Selection type | Selection when clicking the table row.
|
Frame around selected cells | ![]() |
Variable for selected column | Variable (INT). Contains the array index of the Column of the selected cell. If the data array points to a structure, then the structure components are indexed, starting at 0. Warning: This index represents the correct position in the array only if no columns have been removed from the table in the display. |
Variable for selected row | Variable (INT). Contains the array index of the Row of the selected cell. |
Variable for valid column selection | Variable (BOOL). TRUE: The Variable for selected column variable contains a valid value. |
Variable for valid row selection | Variable (BOOL). TRUE: The Variable for selected row variable contains a valid value. |
See also