• Table in "Server" mode.
• Table in "Server + AJAX" mode.
• Table in "Browser" mode.

• Initial state of the Table control.
• Table control display options.
  • Selection mode in the Table control.
  • Display options.
• Managing scrollbars in a Table control.

• Visible: If this option is checked, the Table control will be visible. If this option is unchecked, the Table control will be hidden. This option can be modified using the Visible property.
• The following options are also available for browser or Ajax Table controls::
  • Editable: The user will be able to perform an input in the control columns if these columns are in edit.
  • Grayed: The Table control and its columns will be grayed out. The user will not be able to enter information in the control.
  • Selection (without edit): Users will not be able to enter data in the columns of the control. However, they can select rows in the control:
    • by clicking the desired row.
    • by using TableSelectPlus.
    The row will be selected with the selection bar.
    Remark: The value of the Table control corresponds to the selected row. The row selection code is executed each time a row is selected.
  • No edit, no selection: Users will not be able to enter data in the columns of the control. A row can only be selected using TableSelectPlus. This row will be selected with the selection bar. The user will not be able to change the position of the selection bar.
    Remark: The value of the Table control corresponds to the selected row.
    Tip: This option is recommended when a row must be highlighted via the selection bar.

Row selection mode

The available selection modes are as follows:

• No selection: No selection bar will be displayed, however the selected row will have focus (it will be bordered by dots). A row can be selected by clicking this row or by programming.
• Single selection: The selected row will be displayed underneath the selection bar. A row can be selected by clicking this row or by programming.
• Multi-selection: You have the ability to select several rows simultaneously:
  • with the Shift key if the rows are consecutive or with the Ctrl key if the rows are not consecutive.
  • through programming.
  In this case, the number of selection bars is equal to the number of selected rows.

• A WLanguage error will occur if you try to perform a multiple selection by programming while the selection mode of control is set to "Single selection".
• Table controls in "Server" mode: the multiple selection is available for the browsing Table controls only.

Cell selection mode (Table populated programmatically)

The available selection modes are as follows:

• No selection: Cells cannot be selected.
• Single selection: Only once cell can be selected at a time.
• Multi-selection: You can select multiple cells with the Shift key for adjacent cells, or with the Ctrl key for non-adjacent cells.

Versions 27 and later
The cell selection mode is now available for Table controls in "Browser" mode.

New in version 27
The cell selection mode is now available for Table controls in "Browser" mode.

The cell selection mode is now available for Table controls in "Browser" mode.

Display options

• the display mode of the Table control (title of columns displayed).
• the row selection mode in the Table control (presence of a radio button and/or selection bar).
• the presence of a context menu.

• With column titles: the caption defined for the columns is used as column title.
  Remark: The height of the column title can be specified in the "UI" tab of the description of the Table control. This height can also be modified in the editor, with the mouse. If a background image is associated with the column title, the image is automatically generated with the specified size.
• Versions 19 and later
  If "With column titles" is selected, the "Edit column title-headers" button allows you to define additional titles displayed above the title of one or more columns. To define a column title-header:

  1. Open the "Details" tab in the Table control description window ("Description" in the context menu).
  2. Click "Edit column title-headers".
  3. The different table columns are displayed in the window that is opened.
     
     
     In this window, you can:
     • 1: Add title-headers ("+" button) or delete title-headers ("-" button).
     • 2: Resize and merge the different cells of title-headers by hovering the separators.
     • 3: Rename the cells of title-headers by clicking them.
  4. Validate.
     Remark: If the title-headers of columns are enabled, the modification of the caption of columns via the description window of the column is ignored: the caption must be modified in the edit window of title-headers of columns.
  New in version 19
  If "With column titles" is selected, the "Edit column title-headers" button allows you to define additional titles displayed above the title of one or more columns. To define a column title-header:

  1. Open the "Details" tab in the Table control description window ("Description" in the context menu).
  2. Click "Edit column title-headers".
  3. The different table columns are displayed in the window that is opened.
     
     
     In this window, you can:
     • 1: Add title-headers ("+" button) or delete title-headers ("-" button).
     • 2: Resize and merge the different cells of title-headers by hovering the separators.
     • 3: Rename the cells of title-headers by clicking them.
  4. Validate.
     Remark: If the title-headers of columns are enabled, the modification of the caption of columns via the description window of the column is ignored: the caption must be modified in the edit window of title-headers of columns.
  If "With column titles" is selected, the "Edit column title-headers" button allows you to define additional titles displayed above the title of one or more columns. To define a column title-header:
  1. Open the "Details" tab in the Table control description window ("Description" in the context menu).
  2. Click "Edit column title-headers".
  3. The different table columns are displayed in the window that is opened.
     
     
     In this window, you can:
     • 1: Add title-headers ("+" button) or delete title-headers ("-" button).
     • 2: Resize and merge the different cells of title-headers by hovering the separators.
     • 3: Rename the cells of title-headers by clicking them.
  4. Validate.
     Remark: If the title-headers of columns are enabled, the modification of the caption of columns via the description window of the column is ignored: the caption must be modified in the edit window of title-headers of columns.
• Selection column of current row: a radio button is found in front of each row of the Table control. This radio button is used to view and/or select the current row.
  This option is only available for Table controls in "Server" mode.
• Selection bar: a selection bar is used to view and/or select the current row.
  This option is only available for Table controls in "Server" mode.
• With popup menu: a context menu associated with the control () is displayed. This context menu will allow the user to export the content of the Table control to an Excel, Word or XML file (with style sheet). This file will be downloaded onto the computer of the Web user.
  The icon representing the context menu can be customized: to do so, specify the path of the requested image in the "Style" tab of the description of the Table control ("Other" element). The size of the image used must be 16 pixels x 15 pixels.
  This option is only available for Table controls in "Server" and "Server + AJAX" mode.

Example: Server Table control with column titles, selection bar, radio button and context menu:

• Define the horizontal and vertical scrollbar mode.
• Table control without vertical scrollbar: All the content of the table control will be displayed in the page, without limiting the number of rows.
• Table control with vertical scrollbar:
  • Versions 19 and later
    If "Cache all its content" is checked, the entire content of the Table control is loaded in the browser's cache. In this case, the page may take longer to load, but no return to the server is needed when using the scrollbar. This option is particularly recommended for Ajax Table controls used in Active WEBDEV Pages. In this case, the vertical scrollbar is automatically generated.
    New in version 19
    If "Cache all its content" is checked, the entire content of the Table control is loaded in the browser's cache. In this case, the page may take longer to load, but no return to the server is needed when using the scrollbar. This option is particularly recommended for Ajax Table controls used in Active WEBDEV Pages. In this case, the vertical scrollbar is automatically generated.
    If "Cache all its content" is checked, the entire content of the Table control is loaded in the browser's cache. In this case, the page may take longer to load, but no return to the server is needed when using the scrollbar. This option is particularly recommended for Ajax Table controls used in Active WEBDEV Pages. In this case, the vertical scrollbar is automatically generated.
  • If "Cache all its content" is not checked, the default behaviour from previous versions is restored. Only a limited number of rows around the area displayed in the Table control is cached.

• Define the horizontal and vertical scrollbar mode.
• Table control without vertical scrollbar: All the content of the Table control will be displayed in the page, without limiting the number of rows.
• Table control with vertical scrollbar: A vertical scrollbar allows the user to scroll through the rows in the Table control.