• Table in classic mode.
• Table in Ajax mode.
• Table in browser mode.

• Initial status of Table control.
• Display options of Table control.
  • Selection mode of elements 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 by programming with Visible.
• The following options are also available for browser or Ajax Table controls::
  • Editable/Enabled: 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. The user will not be able to enter information in the control.
  • Selection (without edit): The user will not be able to perform an input in the control columns. A control row can be selected:
    • by clicking this row.
    • by using TableSelectPlus.
    The row will be selected via the selection bar.
    Remark: The value of Table control corresponds to the selected row. The code for row selection is run for each selection.
  • No edit, no selection: The user will not be able to perform an input in the control columns. A control row can only be selected by programming with TableSelectPlus. This row will be selected via the selection bar. The user will not be able to modify the position of the selection bar.
    Remark: The value of Table control corresponds to the selected row.
    Tip: This option is recommended when a row must be highlighted via the selection bar.

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.
  • by 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 control in Classic mode: the multiple selection is available for the browsing Table controls only.

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 popup 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 title-headers of columns" button allows you to define additional titles displayed above the title of one or more columns. To define a column header:

  1. Open the "Details" tab in the Table control description window ("Description" from the popup menu).
  2. Click "Edit title-headers of columns".
  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 title-headers of columns" button allows you to define additional titles displayed above the title of one or more columns. To define a column header:

  1. Open the "Details" tab in the Table control description window ("Description" from the popup menu).
  2. Click "Edit title-headers of columns".
  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 title-headers of columns" button allows you to define additional titles displayed above the title of one or more columns. To define a column header:
  1. Open the "Details" tab in the Table control description window ("Description" from the popup menu).
  2. Click "Edit title-headers of columns".
  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 available for the Table controls in classic mode only.
• Selection bar: a selection bar is used to view and/or select the current row.
  This option is available for the Table controls in classic mode only.
• With popup menu: a popup menu associated with the control ( ) is displayed. This popup menu will allow the Web 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 popup 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 available for Table controls in classic and Ajax modes only.

Example: Classic Table control with title of columns, management of a selection bar, a radio button and a popup menu:

• 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 AWP 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 AWP 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 AWP 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 mode for managing the horizontal and vertical scrollbars.