ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

This content has been translated automatically.  Click here  to view the French version.
Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Table control
  • Table control overview
  • Information displayed
  • Control creation and features
  • How to create a Table control
  • Other creation modes
  • Table control features
  • Swapping
  • Table/Looper control
  • TreeView Table/Table control
WINDEV
WindowsLinuxJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac Catalyst
Others
Stored procedures
Table control overview
Table controls allow users to easily view and enter data. This data can:
  • be stored in memory,
  • come from a data file, view or 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 manipulated by row, column or cell.
Users can select one row at a time (single selection) or multiple rows (multi-selection). A selection bar highlights the selected row.

Information displayed

The information displayed in a Table control can:
  • be defined programmatically. This is referred to as Table control populated programmatically.
  • come from a variable. This is referred to as Table control based on a variable.
  • come from a data file or a query: this is referred to as a Table field linked to a data file. Two types of Table control fields are available:
    • Table control linked to a direct-access data file Table control: the Table field directly manipulates records in the query or data file.
    • Table control linked to a data file loaded in memory Table control with in-memory data source: the Table control manipulates the records of the data file loaded in memory (optimized field).
To determine the main functionalities of these different types of Table controls, see the comparison between the features of Table controls.
Control creation and features

How to create a Table control

To create a Table control:
  1. On the "Creation" tab, in the "Data" group:
    • WINDEV expand "Table and List Box" and select "Table (Vertical)".
      Note: Table controls can be displayed horizontally or vertically.
    • WINDEV Mobile expand "Table" and select "Table (Vertical)".
    • WEBDEV - Server code expand "Table" and select "Simple table".
  2. Click where you want to create the control in the window or page. The Table control creation wizard opens automatically.
  3. Answer the questions and confirm the creation of the control.
WINDEVWINDEV Mobile Note: The dimensions of the control are optimized to take up the available space at the specified position. If you are not happy with the size of the control, press Ctrl + Z key to restore the control to its default size.

Other creation modes

  • To simply create a Table control from a data file described in the analysis editor, simply drag and drop the selected data file into the "Project Explorer" pane or the "Analysis" pane.
  • To simply create a Table control from array variables present in the current window or page, simply drag and drop the selected variable into the Project Explorer pane.

Table control features

To view the characteristics of the control, select "Description" in the context menu. There are two types of information:
  • information about the Table control as a whole. This information can be accessed simply by clicking the control name. The different tabs will show the details of the Table control.
  • information about each column. This information can be accessed by clicking the name of one of the columns. The different tabs will show the details of the selected column.
Depending on the platform used, a Table control (and its columns) may have specific characteristics. For more details, see:
Swapping

Table/Looper control

A Table control can be automatically changed into a Looper control:
  1. Select the Table control to transform.
  2. On the "Modification" tab, in the "Transformations" group, expand "Refactoring and swapping" and select "Table to Looper".
WINDEVJava

TreeView Table/Table control

WINDEV and WINDEV Mobile allow you to automatically transform a Table control into a TreeView Table control and vice versa:
  1. Select the Table control (or the TreeView Table control) to handle.
  2. On the "Modification" tab, in the "Transformations" group, expand "Refactoring and swapping" and select "Table/TreeView Table".
Related Examples:
The memory Table control 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
The Table/TreeView Table control (Progress Bar columns) 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
WD DataBinding 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
The Ajax Table control 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
The Ajax Table control in PHP 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
The memory Table control 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
The memory Table control 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
Minimum version required
  • Version 9
This page is also available for…
Comments
Exemplo tabela com Contrainer
https://youtu.be/Ms1N8ieqE3E
https://windevdesenvolvimento.blogspot.com/2021/06/dicas-3347-windev-webdev-mobile-tabela.html
Esse Video vai estrear as 10:00 do dia 10/06/2021
DICAS 3347 - WINDEV WEBDEV MOBILE - Tabela Coluna Contrainer - Curso Tabela 130
Exemplo tabela com Contrainer

amarildo
05 Jun. 2021

Last update: 04/05/2025

Send a report | Local help