FLIPPED attribute

The FLIPPED attribute flips TABLE columns into rows.

Syntax

FLIPPED[@screen-size]
where screen-size can be:
{ SMALL | MEDIUM | LARGE }
  1. screen-size is a screen size selector that indicates when the "flip columns" attribute must apply, depending on the size of the screen. Several FLIPPED@screen-size attributes can be used for the same element.

Usage

The FLIPPED attribute forces the TABLE container to render in a way that all cells of a given row are packed vertically, to get a thinner table. The table is still scrollable, with each row displayed stacked as a group of fields.

To create a responsive layout form, the FLIPPED attribute can be combined with the @screen-size selector, to get different table renderings depending on the screen size. On a large screen, tables can be rendered in the classic way. On small screens, the "flip columns" mode rendering is more appropriate.

Example

TABLE mytable ( FLIPPED@SMALL )