ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

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
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
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: Ability to select one or more rows with the mouse.
    • In non-AJAX mode: To select a row, you must use a Radio Button column ("With radio button" option selected in the "Details" tab of the description window of the Table control) or a Text column with the "Link" option enabled ("Details" tab in the description window of the column). Multi-selection is not available.
  • input in the Table control:
    • In AJAX mode: The user can enter values in the cells of the Table control.
    • In non-AJAX mode: It is not possible to enter values in the cells of the Table control.
  • the number of rows displayed:
    • In AJAX mode: The number of rows displayed corresponds to the maximum number of rows that can be displayed in the Table control.
    • In non-AJAX mode: The number of rows displayed corresponds to the number of rows specified in the description of the Table control or through programming (NbLinesPerPage property).
  • the viewing of the rows found in Table control:
    • In AJAX mode: The rows found in the Table control are displayed via a vertical scrollbar.
    • In non-AJAX mode: The rows found in the Table control are displayed via a pager.
  • the columns:
    • In AJAX mode: The columns can be sorted, resized and anchored. You have the ability to perform searches in the Table control via the magnifier.
    • In non-AJAX mode: The columns cannot be sorted, resized and anchored. 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 from 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 from 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: 06/26/2023

Send a report | Local help