Table element is a data repeater element. The elements you add to the columns in the first row repeat in the following rows depending on the data source. After selecting the data source, you can link other elements in the row/column to the fields in the related data table. You can also give role-based authorizations to this element and set its visibility with show/hide/conditional options.
Table Header : This is the area where the headers of the Table element are organized and defined.
Column titles : Represents the column titles in the Table element.
Hide On Mobile Resolution : It is a feature used to hide the Table element on mobile devices or change its appearance.
Text Direction : Determines the text direction.
Datasource : It is the field where you select the data source from which the elements in the table will be fed.
Transformed On Mobile Resolution: This property of the Table element determines how the table you created will be transformed to better adapt when viewed on mobile devices.
Show Header : Table header section is visible by default. You can hide it if you wish.
Fixed Header: When you activate the switch, the header row of your table remains fixed even if you scroll the screen.
No Data Found Message : You can add a placeholder message to preview and display in the workspace when no dynamic data is connected to the Table element in the query.
Table Width Mode: Allows the width of your table to be displayed on different devices and screen sizes.
Searchable: When you activate the Searchable feature, an input element is added to the top right of the Table element, allowing you to search within the table.
Sorter: Allows sorting String, number or date columns in descending or ascending order.
Filtering: Allows the end user to filter the Table element with the options according to the type of columns (String, Number or Date). For example, when one of the options such as contains, equals, begins with is selected for String columns, a column based filter can be applied according to this option. The options are specific to the column type. Filtering works on tables with data connection.
Pagination : You can add pagination when listing data in the data table defined in the Table element.
Page Size: Allows you to set the maximum number of rows to be displayed on a page.
Show Size Changer: Allows you to manually change the page size of your table when you activate the switch.
Size Changer Options: Lists the page sizes you can choose from.
Column Chooser: Allows you to choose which columns you want to display in your table.
Hide Table On Empty : You can hide the table when the data table connected to the Table element is empty.
Striped: Allows the table rows to be displayed in different colors.
Striped Color: Allows you to set a color for the rows.
Row Hover Bg Color: When you hover over a row, it shows the background color of that row. Thus, it allows you to clearly see which row you are in.
Insert Row Active: When you activate the switch, it adds a new row while the Inline Grid feature is active in the table and allows you to enter data through this row.
Insert Row Position: When the Inline Grid feature is active, it determines where the newly inserted and data entered row will be inserted in the table.
No Data Found Image : In cases where no dynamic data is bound to the Table element, you can add a placeholder image to preview and display at runtime.