The Table control on mobile devices (Android and iOS)

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

Help

Editors

Controls (window/page/report)

The Table control on mobile devices (Android and iOS)

AAF: Automatic filter on the columns of Table controls

AAF: Handling the columns of a Table control

AAF: Increasing the height of the rows in the Table or Looper controls

Break in a Table control

Characteristics of Table controls in a page

Characteristics of Table controls in a window

Combo Box columns in Table controls

Combo Box columns in the Table controls (prefix syntax)

Content of the Table control

Customizing the interface of a Table control

Defining colors in Table controls

Events associated with Table controls

Popup menu associated with Table controls and their columns (AAF)

Programming custom calculations in Table controls

Programming custom calculations in Table controls (prefix syntax)

Properties associated with the Table control

Properties associated with the breaks of a Table control

Table controls in "Server + AJAX" mode

The Table control

The Table control on mobile devices (Android and iOS)

The different types of Table controls: populated programmatically, with or without access to the data source

Overview
Available features
Input in a Table control
Programming the Table control
AAF of Table control
Sort
Search via the magnifier
Data filter: "Contains" filter
Resizing columns
Limitations
Limitations for Android
Limitations for iOS

WINDEV

WEBDEV

WINDEV Mobile

Others

See also

The Table control on mobile devices (Android and iOS)

Overview

The Table control is available for Android and iOS applications. This control includes the features of the Table control of WINDEV.

The horizontal and vertical scroll is touch-controlled.

Available features

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

Fill:
- through programming (with the Table populated programmatically property).
- file link (Table based on a data file with data binding).
- variable link (Table based on a variable).
Resizing columns via touch gestures.
Anchoring columns (very useful when the window switches from portrait to landscape).
Single selection or multiple selection.
Title-header of column.
Context menu.
Data input.
...

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

Remark: The "Pull to refresh" feature is now available for Table controls in Android and iOS. For more details, see Pull to Refresh on Table and Looper controls (Android/iOS).

Input in a Table control

Input in mobile Table controls is automatically managed.

To perform an input in a cell found in the Table control:

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 the Table family are supported in Android and iOS.

AAF of Table control

The following AAFs are available for mobile Table controls:

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

AAFs are accessible via touch gestures.

Sort

Sortable columns are identified by the

icon.

To sort a column, simply tap the column header. Several cases may occur:

The column type is Text, Numeric, ...: a context 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 open the context 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 open the context 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.

Remark: Specific filters for the numeric columns
Specific filters can be created in the numeric columns:

Tap the header of the numeric column with the finger to open the context 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.

Limitations

Limitations for Android

Data input is not available in Table controls based on a data file. TableAdd, TableAddLine, TableInsert, TableInsertLine, TableModify and TableModifyLine are not available on Table controls based on a data file.
Only the automatic iteration is available for Table controls based on a data file. The programmed iteration is not available.
Table controls with in-memory data source are not limited.

Limitations for iOS

Data input is not available in Table controls based on a data file. TableAdd, TableAddLine, TableInsert, TableInsertLine, TableModify and TableModifyLine are not available on Table controls based on a data file.