Versions Compared

Old Version 2

changes.mady.by.user Kirstin Seidel-Gebert

Saved on

compared with

New Version 3

changes.mady.by.user Kirstin Seidel-Gebert

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Published by Scroll Versions from space WDESIGNER and version 22.1.2
The data table element enables you to structure the information in a form. It is useful if the user needs to enter similar information several times, for example different positions in one order form. The data table offers a number of configuration options, so that you can adapt it to your needs. Depending on your choice in the table configuration, the executed table offers the user different functionalities.

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNamenote_on_instance_table
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNameSimple_Data_Table_Example
PageWithExcerptINTERNAL:_designer_examples

Div
Classe2e-twoColumns
Section
Column
width50%

Table Configuration

The configuration options of the data table and its column configuration options are explained in detail in this column.

Column
width50%

Table Execution

In this column you can see the result of the selected table configuration.

With the icon the user can add new rows to the table:

Section
Column
width50%


Column
width50%


By selecting the checkbox of a table row and then clicking the icon, the corresponding row is deleted from the table. The number of selected rows is displayed below the table:

Selecting the checkbox in the header row selects all table rows and clicking then the icon deletes them from the table:

Section
Column
width50%

Column
width50%

Editable Content and Content Type

Div
Classe2e-twoColumns
Section
Column
width50%

For each column you can specify whether the user should be able to edit the data. You must also specify the data type. Available types are:

  • String
  • DateTime
  • Boolean
  • Float
  • Integer

Column
width50%

The type selection determines how the user can fill the respective columns if you marked them as editable:

TypeDescriptionColumn in Executed Form
StringThe column shows text fields where the user can enter content. He can use the handle in the right lower corner to resize the field.

DateTimeA date field displays a calender icon. The user can enter the date manually in the field or click on the icon to open a calendar from which he can select the date.

BooleanColumns with type Boolean show a checkbox (true = checkbox is activated).

FloatThe user can enter numbers manually or count up and down using the displayed arrows.

Integer
The user can enter numbers manually or count up and down using the displayed arrows.

Filtering the Table Content

Div
Classe2e-twoColumns
Section
Column
width50%

For each column you can specify whether the content should be added to the additional filter:

Column
width50%

Your choice determines the content of the additional filter in the executed form. To set an additional filter for the table, click icon :

Functionalities Available Only in the Executed Data Table

Info

The following functionalities are available by default in the executed data table and cannot be turned off via the table configuration.

You can resize the width of the columns of the data table with your mouse by drag and drop.

The counter in the table footer shows the current count of table items. If the maximum row count is exceeded, a pagination is displayed. You can use it to navigate through the various table pages.

Use the search field to apply a full-text search to the content of the data table.

The number of hits is displayed in the table footer.

Otp
Floatingfalse
maxHLevel2

Rp