Two-column display

On mobile devices, a TABLE container displays as a list view with the first two columns' content.

While a TABLE container and the corresponding list controller (DISPLAY ARRAY) can define multiple columns, only the first two columns are rendered on a mobile device. The first column defines the main information to be shown for the row (such as a customer name), while the second column contains additional information (such as a comment, date, address or phone number).

Figure: iOS list view with two-column default rendering


iOS list view with two-column default rendering, where both columns contain text data.

If the second column contains numeric data or has the JUSTIFY=RIGHT attribute, both columns display on a single line with the first column left-aligned and the second column right-aligned.

Figure: iOS list view with side-by-side rendering


iOS list view with two-column side-by-side rendering.

A list view on a mobile device can include an image for each row. To display an image, associate a PHANTOM column to the IMAGECOLUMN attribute of the first column definition. For more details about images in lists, see Displaying column images.

Figure: iOS list view with row images


iOS list view with main/detail rendering