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
  • Overview of Table control
  • Information displayed
  • Field creation and characteristics
  • How do I create a Table field?
  • Other creation modes
  • Table field 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
Overview of Table control
The Table field simplifies the display and entry of information.. This information can:
  • be stored in memory,
  • from a data file, view or query.
A Table control is contains rows and columns. The intersection of a row and a column defines an cell. A Table control can be managed row by row, column by column or cell by cell.
The user can select a single line (monoselection) or several lines (multiselection).. The selection banner identifies the selected item.

Information displayed

The information displayed in a Table control can:
  • can be determined programmatically: this is called Champ Table par programmation (also known as "Memory Table").
  • come from a variable: this is called Table control based on a variable.
  • come from a data file or a query: this is called Champ Table fichier. There are two types of Table controls based on data files:
    • Table based on a data file direct access: the Table based on a data file field directly manipulates records from the query or data file.
    • Table file loaded in memory: the Table file field manipulates records from the data file loaded in memory (optimized Table file field).
To determine the main functionalities of these different types of Table controls, see the comparison between the features of Table controls.
Field creation and characteristics

How do I create a Table field?

To create a Table control:
  1. On the "Creation" tab, in the "Data" group:
    • WINDEV expand "Table and List Box" and select "Table (Vertical)".
      Notes: Table fields can be displayed horizontally or vertically.
    • WINDEV Mobile expand "Table" and select "Table (Vertical)".
    • WEBDEV - Server code pull down "Table" then select "Simple table".
  2. Click where the control will be created in the window or page. The Table control creation wizard starts automatically.
  3. Answer the questions and validate the control creation.
WINDEVWINDEV Mobile Note: The dimensions of the field created are optimized to occupy the space available at the position indicated.. If the field size doesn't suit you, use the Ctrl + Z key combination: the field will return to its default size.

Other creation modes

  • To easily create a Table control based on a data file 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 based on a variable 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.

Table field features

To view the characteristics of the control, select "Description" in the context menu. There are two types of information:
  • information about the entire Table field: simply click on the field name. The various tabs at the bottom of the page display the characteristics of the Tab Control..
  • information on each column: simply click on the name of one of the columns. The various tabs at the bottom display the characteristics of the selected column.
Depending on the platform used, a Table field (like 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: 09/21/2024

Send a report | Local help