Table controls in

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

Help

Editors

Controls (window/page/report)

Controls

Table control

Table based on a data file

Table based on a variable

Table populated programmatically

Table controls in "Server + AJAX" mode

Overview

Differences between Table controls in "Server + AJAX" and "Server" modes

Related examples

See also

AAF: Automatic filter on the columns of Table controls

AAF: Handling the columns of a Table control

AAF: Increasing the height of the rows in the Table or Looper controls

Break in a Table control

Characteristics of Table controls in a page

Characteristics of Table controls in a window

Combo Box columns in Table controls

Combo Box columns in the Table controls (prefix syntax)

Content of the Table control

Context menu associated with Table controls and their columns (AAF)

Customizing the interface of a Table control

Defining colors in Table controls

Events associated with Table controls

Programming custom calculations in Table controls

Programming custom calculations in Table controls (prefix syntax)

Properties associated with the breaks of a Table control

Table control properties

Table controls in "Server + AJAX" mode

The Table control

The Table control on mobile devices (Android and iOS)

The different types of Table controls: populated programmatically, with or without access to the data source

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

WEBDEV

WINDEV Mobile

Others

See also

Table controls in "Server + AJAX" mode

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)
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)
This type of data is not available.
Duration

Related Examples:

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