The Table control on mobile (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 (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 the Table controls

Combo Box columns in the Table controls (prefixed syntax)

Content of Table control

Customizing the interface of a Table control

Events associated with Table controls

Managing the colors in the Table controls

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

Programming custom calculations in Table controls

Programming custom calculations in Table controls (prefixed syntax)

Properties associated with the Table control

Properties associated with the breaks of a Table control

The Table control

The Table control on mobile (Android and iOS)

The Table controls in AJAX mode

The different types of Table controls: memory, browsing with or without direct access

This content has been translated automatically. Click here to view the French version.

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
Limits
Limitations for Android
Limitations for iOS

WINDEV

WEBDEV

WINDEV Mobile

Others

See also

The Table control on mobile (Android and iOS)

Overview

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

The scroll (horizontal and vertical scrolling) is done with the finger.

Available features

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

Filling:
- by programming (Memory table).
- file binding (Browsing table with data binding).
- variable link (Table on source).
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.

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

Input in a Table control

The input in the Table controls on mobile 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 the Table control on mobile:

Sort.
Search via the magnifier.
Filter.
Column resizing.

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

Sort

The sortable columns are identified by

To sort a column, all you have to do is tap the column header with the finger. Several cases may occur:

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.

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 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.

Limits

Limitations for Android

The input is not available in the browsing Table controls. The functions TableAdd , TableAddLine , TableInsert , TableInsertLine , TableModify , TableModifyLine are not available on browsing Table controls.
Only the automatic browse is available for the browsing Table controls. The programmed browse is not available.
The browsing Table controls loaded in memory are not limited.

Limitations for iOS

The input is not available in the browsing Table controls. The functions TableAdd , TableAddLine , TableInsert , TableInsertLine , TableModify , TableModifyLine are not available on browsing Table controls.