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 / Page / HTML table
  • Overview
  • Creating an HTML table
  • Using an HTML table
  • Handling an HTML table
  • Select a cell
  • Selecting a column or a row
  • Resizing an HTML table
  • Modifying the number of cells in the table
  • Resizing the table
  • Editing the style of an HTML table
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 HTML table is a control used to easily create specific layouts in the HTML pages. The HTML table cannot be used to position the controls but it allows you to present the information.
For example, the HTML tables enable you to create enumerations with borders and columns.
Creating an HTML table
To create an HTML table:
  • on the "Creation" tab, in the "Containers" group, click "HTML table". In the wizard, select the characteristics of the HTML table to create:
    • Number of rows.
    • Number of columns.
    • Style of table and alternation of rows and columns.
  • on the "Creation" tab, in the "Containers" group, click "HTML table" and select directly the number of rows and columns in the table. In the wizard, select the style characteristics for the table as well as the alternation of rows and columns.
When the HTML array is created in the page, it is possible to handle the array and its cells using the context menu.
Using an HTML table
A control can be included in each cell of an HTML table. The control and the cell have the same size. The control and the cells have the same border and background properties.
Several controls cannot be included in the same cell of an HTML table.
However, an HTML cell containing several controls can be included in a cell of an HTML table.
Handling an HTML table

Select a cell

To select an empty cell, you must:
  1. Click on control Array HTML: the control is selected.
  2. Click again on control Array HTML: the control switches to editing and a yellow Border appears around the control.
  3. Click on the desired cell. The cell is selected: hatch marks appear in the cell.
In this case, the context menu option " description " will allow access to the cell description .
To select a cell associated with a control, all you have to do is select the control.
In this case, the " description " option from the context menu will allow access to the description of the control.
To obtain the description of the cell, simply select the "description of the cell" option in the popup menu.

Selecting a column or a row

To select a column or a row, you must:
  1. Click on control Array HTML: the control is selected.
  2. Click again on control Array HTML: the control changes to editing and a yellow Border appears around the control.
  3. Select the desired row or column. The row or the column is selected: hatch marks appear.
The context menu allows you to:
  • split the selected element vertically or horizontally
  • merge the different parts of the selected element.
Resizing an HTML table

Modifying the number of cells in the table

To modify the number of cells in an HTML table, you can:
  • add rows or columns one by one using the popup menu ("Insert a row " or "Insert a column")
  • add several rows or columns via the popup menu ("Expand array " option)

Resizing the table

The size of the table can be modified according to two methods:
  • By enlarging or reducing all the table rows/columns proportionally: simply reduce or enlarge the array using the handles on the control.
  • by enlarging or reducing the size of the last table row/column: simply reduce or enlarge the edited array (with the yellow Border displayed) by clicking on the edge of the last row or column of the array.
Editing the style of an HTML table
It is possible to edit the border and background characteristics of the array HTML separately from those of each of the array HTML cells ("Border, Background" tab in the description window)..
It is also possible to choose a WEBDEV style via the popup menu.
See also
Minimum version required
  • Version 9
Comments
video html
https://youtu.be/RJHDt5BpOhA
amarildo
18 Nov. 2018

Last update: 07/06/2023

Send a report | Local help