The Table control

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

Help

Editors

Controls (window/page/report)

Overview of Table control

See also

The Table control

Overview of Table control

The Table control is used to simplify the display and the input of information stored in memory or coming from a data file, a view or a query.

A Table control is contains rows and columns. The intersection between a row and a column defines a cell.

A Table control can be managed row by row, column by column or cell by cell. A Table control can be displayed horizontally or vertically.

The information displayed in a Table control can:

be defined by programming: it is referred to as Memory Table control.
come from a variable: it is referred to as a Table control on source.
come from a data file or query: it is referred to Browsing Table control. Two types of browsing Table controls are available:
- Browsing Table controls with direct access: the browsing Table control directly handles the records found in the query or in the data file.
- Browsing Table controls loaded in memory: the browsing Table control handles the data file records loaded in memory (optimized browsing Table control).

See the comparison between the features of Table controls for more details.

Remarks:

The Table controls can be multiselection
You can create Table controls with different operating modes:
- Table control in classic mode.
- AJAX Table control. See AJAX Table control for more details.
- Versions 19 and later
  Table control in browser mode.
  New in version 19
  Table control in browser mode.
  Table control in browser mode.

Versions 16 and later

The Table control is now available in Linux for WINDEV.

New in version 16

The Table control is now available in Linux for WINDEV.

How to?

Creating a Table control

To create a Table control:

On the "Creation" pane, in the "Data" group:
- expand "Table" and select "Table".
Click where the control will be created in the window or page. The Table control creation wizard starts automatically.
Answer the questions and validate the control creation.

To view the control characteristics, select "Description" in the popup menu of the control. Two types of information can be viewed:

the information regarding the entire Table control (all you have to do is select the name of the control).
the information regarding each of the columns (all you have to do is select the name of a column).

Remarks:

To easily create a browsing Table control from a data file described in the data model editor, simply drag the selected data file from the "Project explorer" or "Analysis" pane and drop it in the editor.
To easily create a Table control on source from the array variables of the current window or page, simply drag the selected variable from the "Project explorer" pane and drop it in the editor.

Characteristics of Table control

In the characteristics of Table control, you have the ability to specify:

For more details, see:

Characteristics of Table controls in a page.

Tips

The height of the rows in the Table control is too small in the editor? all you have to do is use the mouse to increase the height of the table rows. This trick is very useful for the multiline columns and the container columns.
You have the ability to quickly duplicate a column. To do so:
1. Open the Table control description window.
2. Select the column to duplicate.
3. Display the popup menu of the column and select "Duplicate column"'.
  Remark: This option is also available in the "New" drop-down menu.

Remark: The height specified for the first row of the Table control is applied to all other control rows.

Vocabulary

To easily handle a Table control, you must be familiar with the following vocabulary:

Name	Definition

Selection bar	Used to view the selected element. A specific color is used in most cases.
Browsing Table control	The Table control is based on a data file or on a query. The control elements correspond to the file records.
Memory Table control	The Table control is not based on a data file or on a query. The elements displayed in the control are defined by the developer (by programming).
Single-selection Table control	The user can select a single element in the Table control.
Multiselection Table control	The user can select several elements at the same time in the Table control (via the Ctrl key).
Table control on source	The Table control is based on a WLanguage variable. The elements displayed in the control correspond to the data found in the variable.

Swapping

Table/Looper control

A Table control can be automatically transformed into a Looper control:

Select the Table control to transform.
On the "Modification" pane, in the "Transformations" group, expand "Refactoring and swapping" and select "Table to Looper".

Limitations

Related Examples:

Unit examples (WINDEV): The memory Table control

[ + ] Using a memory table in an application:
- Clear a memory table
- Fill a row in the memory table
- Select a row
- Sort a memory table
- Delete a row from the memory table

Unit examples (WINDEV): The Table/TreeView Table control (Progress Bar columns)

[ + ] Using a Progress Bar column as well as the ..TextProgressBar property in a Table or TreeView Table control

Training (WINDEV): WD DataBinding

[ + ] The "WD DataBinding" example explains how to link a control and a WLanguage variable.

This example includes two windows:
- A first window presents a simple link between the controls and a composite variable.
- A second window presents a link between a table control and a WLanguage class as well as the link between the table and a detailed form

Unit examples (WEBDEV): The Ajax Table control

[ + ] This example explains how to use the Ajax tables. This example allows you to:
- Access the content of a table element in browser code
- Clear the table
- Fill the table
- Select a row
- Sort the table
- Delete the selected row

Unit examples (WEBDEV): The Ajax Table control in PHP

[ + ] This example explains how to use the Ajax tables in PHP.
The following topics are explained:
- Access the content of a table element in browser code (using the AjaxExecuteAsynchronous function)
- Delete the table content
- Fill the table
- Select a row
- Delete a row

Unit examples (WEBDEV): The memory Table control

[ + ] This example explains how to use a memory table in a WEBDEV application and it allows you to:
- Clear a memory table
- Fill a row in the memory table
- Select a row
- Sort a memory table
- Delete a row from the memory table

Unit examples (WINDEV Mobile): The memory Table control

[ + ] Using a memory table in an application:
- Clear a memory table
- Fill a row in the memory table
- Select a row
- Sort a memory table
- Delete a row from the memory table

Mobile (WINDEV Mobile): Pocket Attendance

[ + ] This application is an attendance manager. It allows you to list the persons who attended a meeting.
The database is previously filled with the list of registered persons.
A bar code reader can be used to read the identifiers of the persons.
The following topics are presented in this example:
1/ the click performed on a table column
2/ the use of a browsing table