Table style attributes

Table presentation style attributes apply to a TABLE container.

Note:

This topic lists presentation style attributes for a specific class of form element, common presentation style attributes can also be used for this type of element.

allowWebSelection

Users need to select items from a table. Once selected, the keyboard shortcut for copying data can be used to copy the selection.

Values can be "yes" or "no" (default).

When allowWebSelection="no", item selection requires the user to hold down the CTRL key while dragging over the selection with the mouse.

When allowWebSelection="yes", item selection requires a mouse drag only. There is no need to press the CTRL key. However, the ability to drag-and-drop data is disabled.

alternateRows

Controls background color rendering of odd/even rows.

Values can be "yes" (default) or "no".

This style attribute applies only to classic table/tree rendering, as a set of horizontal rows.

The style system also supports the :odd/:even pseudo selectors, to define specific rendering for table/tree rows (not only background color). When :odd or :even is used, it takes precence over the alternateRows style attribute. This solution is however expensive in terms of front-end side processing; Consider using alternateRows instead of :odd/:even pseudo selectors.

forceDefaultSettings

Values can be "yes" or "no" (default).

By default, tables are reopened with column positions, visibility and sizes they had when the window was closed. By setting this attribute to true, the saved settings are ignored and the table gets the initial column layout. Note that the saved settings include also the sort columns, that will impact on the order of the rows in the table.

headerAlignment

Defines the column header alignment in a table.

Values can be:
  • "default" (default): will use the system default. In most case it is left aligned.
  • "left" will force all column headers to be left aligned.
  • "center" will force all column headers to be centered.
  • "right" will force all column headers to be right aligned.
  • "auto" will first try to align each column header following the JUSTIFY attribute of the column. If no JUSTIFY attribute is set, the column header will be aligned based on the type of data: right for numeric data, left for text data.

headerHidden

Defines if the horizontal header must be visible in a table.

Values can be "yes" or "no" (default).

highlightColor

Defines the highlight color of rows for the TABLE, used for selected rows.

For possible values, see Colors.

For more details see Row and cell highlighting in TABLE.

highlightCurrentCell

Indicates if the current cell is highlighted in a TABLE, with system default highlight colors, or the colors defined by the highlightColor/highlightTextColor style attributes.

Values can be "yes","no" (default depends on front-end and dialog type)

For more details see Row and cell highlighting in TABLE.

highlightCurrentRow

Indicates if the current row is highlighted in a TABLE, with the system default highlight colors, or the colors defined by the highlightColor/ highlightTextColor style attributes.

Values can be "yes" or "no" (default depends on front-end and dialog type)

For more details see Row and cell highlighting in TABLE.

highlightTextColor

Defines the highlighted text color of rows for the TABLE, used for selected rows.

For possible values, see Colors.

For more details see Row and cell highlighting in TABLE.

leftFrozenColumns

Requires "tableType" set to "frozenTable".

Defines how many columns are frozen, starting from the left of the table.

Values can be any numeric value matching the number of columns.

Default is "0".

reduceFilter

Controls the usage of a reduce filter, to limit the visible rowset in the list container.

Values can be "yes" (default on mobile) or "no" (default on desktop).

The reduce filter is only available when all data rows are in memory.

For more details see Reduce filter.

rightFrozenColumns

Requires "tableType" set to "frozenTable".

Defines how many columns are frozen, starting from the right of the table.

Values can be any numeric value matching the number of columns.

Default is "0".

rowActionTrigger

Defines the physical event that will fire the row selection action (DOUBLECLICK) on a table, tree or scrollgrid row.

Values can be:
  • "singleClick": Physical event is a single click on desktop platforms, and single tap on touchscreen devices.
  • "doubleClick" (default): Physical event is a double click on desktop platforms, and double tap on touchscreen devices.

rowHover

Controls specific background rendering of a row on mouse hover.

Values can be "yes" (default) or "no".

Do not confuse with row/cell highlighting style attributes.

showGrid

Indicates if the vertical and/or horizontal grid lines must be visible in a table.

This style attribute applies only to classic table/tree rendering, as a set of horizontal rows.

Values can be:
  • "yes": Show vertical and horizontal lines (this is the default with INPUT ARRAY)
  • "no": Do not show lines (this is the default with DISPLAY ARRAY)
  • "vertical": Show only vertical lines.
  • "horizontal": Show only horizontal lines.

tableType

Defines the rendering type of the table.

Important:

The tableType style attribute cannot be changed dynamically, once the widget has been displayed.

Values can be:
  • "normal" (default): Regular table rendering.
  • "frozenTable": Users can "freeze" some columns when scrolling, so that they always remain visible. Default frozen columns can be defined with "leftFrozenColumns" and "rightFrozenColumns" attributes.
  • "listView" (deprecated): The table is rendered as a list view with two columns.
    Important:

    tableType listView is deprecated: Use a TABLE with a single column (with multiple columns, add the FLIPPED attribute), or use a SCROLLGRID as in Example 2: Scrollgrid as listview.