FLIPPED attribute
The FLIPPED
attribute flips TABLE
columns into
rows.
Syntax
FLIPPED[
@screen-size]
where screen-size can
be:
{
SMALL |
MEDIUM |
LARGE }
- 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 )