From version 20, the Table control is available for the Android and iOS applications. This control includes the features of the Table control of WINDEV.

The Table control proposes the following features for the Android and iOS applications:

• Fill:
  • by programming (Memory table).
  • file link (Browsing Table with databinding).
  • variable link (Table on source). variable link (Table on source).
    Versions 22 and later
    This feature is now available.
    New in version 22
    This feature is now available.
    This feature is now available.
• Resizing columns by finger gesture.
• Anchoring columns (very useful when the window switches from portrait to landscape).
• Single selection or multiple selection.
• Title-header of column.
• Popup menu.
• Data input.
• ...

The following types of columns are proposed: Text, Numeric, Currency, Date, Time, Static, Image, Progress Bar, Ranking.

Input in a Table control

The input in the Table controls on mobile is automatically managed.

• Click the cell where the input will be performed.
• An input area is opened at the top of the Table control. If the cell contains a text, this text is displayed.
  
• Modify or add the requested text.
• Validate.

Programming the Table control

The WLanguage functions of Table family are supported in Android and iOS.

The following AAFs are available for the Table control on mobile:

• Sort.
• Search via the magnifier.
• Filter.
• Resizing columns.

The AAFs are accessible "via the finger" by the end user.

Sort

The sortable columns are identified by .

• The column type is Text, Numeric, ...: a popup menu is displayed.
  
  Click the sort icons to choose the sort direction.
• The column type is Rating or Image, the sort is performed as soon as the finger touches the column.

In any case, once the column is sorted, an arrow indicates the sort direction in the column header.

Search via the magnifier

To perform a "Starts with" search in a Table control:

• Tap the column header with the finger to display the popup menu.
• Select the magnifier:
  
• In the input area that is displayed at the top of Table control, type the first letters of requested element.
  
• The first element corresponding to the search is selected and displayed in the Table control.

Caution: A click on the cross found in the input area cancels the search.

Data filter: "Contains" filter

To filter the elements displayed in a Table control ("Contains" filter):

• Tap the column header with the finger to display the popup menu.
• Select the funnel:
  
• In the input area that is displayed at the top of Table control, type the requested filter.
  
• Only the values of the Table control corresponding to the filter are displayed.

Caution: A click on the cross found in the input area cancels the filter.

• Tap the header of the numeric column with the finger to display the popup menu.
• Select the filter to use:
  
  • equal.
  • different.
  • less than.
  • greater than.
• In the input area that is displayed at the top of the Table control, type the comparison value.
• Only the values of the Table control corresponding to the filter are displayed.

Resizing columns

To resize a column:

• Tap the extremity of the column header with the finger to perform the resize operation.
• Keep the finger pressed and resize the column.
  
• Release the finger when the requested size is reached.