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
  • Differences between Table controls in "Server + AJAX" and "Server" modes
  • Differences regarding the use
  • Differences regarding the programming
  • Differences regarding the available types of columns
WINDEV
WindowsLinuxJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac Catalyst
Others
Stored procedures
Overview
The Table controls can be 100% AJAX.
These are the different features available in Table controls in "Server + AJAX" mode:
Columns can be resized.
You can search for elements in the control using the search icon.
The columns can be sorted.
The background of the selection bar can correspond to an image.
A scrollbar automatically replaces the pager.
The Table control cells can be in edit.
The rows in the Table control allow for multiple selection.
The columns can be anchored.
The Table control can have a horizontal scrollbar.
Other features:
  • An hourglass is automatically displayed when a long process is performed.
  • Ability to automatically manage a "cache" (partial fetch) that only loads the data required by the display and by the browse.
Differences between Table controls in "Server + AJAX" and "Server" modes

Differences regarding the use

  • the row selection:
    • In AJAX mode: You can select one or more lines with the mouse.
    • In non-AJAX mode: To select a row, use a picker column ("With picker" option selected in the "Detail" tab of the Table field description window) or a text column with the "Link" option enabled ("Detail" tab of the column description window).. Multi-selection is not available.
  • input in the Table control:
    • In AJAX mode: values can be entered in the various cells of the Table field.
    • In non-AJAX mode: it is not possible to enter values in the various cells of the Table field.
  • the number of rows displayed:
    • In AJAX mode: The number of lines displayed corresponds to the maximum number of lines that can be displayed in the Table field.
    • In non- AJAX mode: the number of lines displayed corresponds to the number of lines specified in the Table field description or programmatically (property NbLinesPerPage).
  • the viewing of the rows found in Table control:
    • In AJAX mode: the various lines in the Table field are displayed using the vertical scrollbar.
    • In non- AJAX mode: a ruler is used to display the various lines in the Table field.
  • the columns:
    • AJAX mode: Columns can be sorted, resized and anchored. The magnifying glass can be used to search the Table field.
    • Non AJAX mode: Columns cannot be sorted, resized or docked. No search can be performed in the Table control.

Differences regarding the programming

Server events of an AJAX Table control are automatically run in AJAX mode.
In AJAX mode, the following events are associated with the Table control:
  • Initialization (server code).
  • End of initialization (server code).
  • Selecting a table row (server code).
  • Row display (server code).
  • Table click (browser code).
  • Exit a row (server code).
  • Row selection (browser code).
In non-AJAX mode, the following events are associated with the Table control:
  • Initialization (server code).
  • End of initialization (server code).
  • Selecting a table row (server code).
  • Row display (server code).
  • Table click (browser code).
  • Exit a row (server code).
In AJAX mode, the following events are associated with columns of Table controls:
  • Initialization (server code).
  • Whenever performing a search with the magnifier (server code).
In non-AJAX mode, only the "Initialization (server code)" event is available.

Differences regarding the available types of columns

The types of data that can be displayed in a column of an AJAX Table are as follows:
  • Text
  • Currency
  • Time
  • Numeric
  • Date
  • List of values (combo box)
    PHP This type of data is not available.
  • Duration
  • Check Box
  • Image
The types of data that can be displayed in a column of a non-AJAX Table control are as follows:
  • Text
  • Currency
  • Time
  • Numeric
  • Date
  • List of values (combo box)
    PHP This type of data is not available.
  • Duration
Related Examples:
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
Minimum version required
  • Version 11
Comments
Click [Add] to post a comment

Last update: 09/30/2024

Send a report | Local help