Table element is a data repeater element. The elements you add to the columns in the first row of the element will repeat in the following rows depending on the data source. After selecting the data source, you can connect to other elements in the row/column by selecting the fields in the related data table. You can give role-based authorizations to the element and set its visibility with show/hide/conditional options.
- Table Header: This is the area where the headers are edited and defined to organize the Table element.
- Column titles: Represents the column titles in the Table element.
- Datasource: It is the area where you select the data source from which the elements in the Table will be fed.
- Show Header: Table header section is visible by default. You can hide it if you wish.
- Fixed Header: Keeps the header part of the table fixed so that the headers remain visible when the page is scrolled.
- Editable: Determines whether the cells in the table are editable or not, so that the table data can be edited directly.
- Table Width Mode: Sets the width mode of the table.
- Global Search: Allows you to perform a keyword search on all data within the table. In large and complex data sets, it makes it easier to find specific information.
- 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: You can sort the string, number or date columns in descending order or ascending order.
- Filtering: In the Table element, it offers different filtering options according to the data type of the 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 is active after three letters and the search is automatically refreshed each time a letter is entered, thus providing a more dynamic and faster filtering.
The filtering options are specific to the column's data type and only work on tables with a data connection.
Global Search, Searchable, Sorter and Filtering features are only supported in web applications.
- Pagination: You can add pagination when listing data in the data table defined in the Table element.
- Page Size: Determines the number of rows to be displayed on each page.
- Show Size Changer: Allows you to change the page size.
- Size Changer Options: Determines the options to change the page size. (For example, the number of rows can be 10, 20, 50, etc.)
- Column Chooser: Determines which columns will be displayed on the table.
- Resizable Columns: Determines whether the columns in the table are resizable or not.
- Hide Table On Empty: You can hide the table when the data table connected to the Table element is empty.
- Striped: Allows the rows in the table to be shown striped with alternate background colors.
- Striped Color: Determines the background color of the striped rows.
- Insert Row Active: Determines whether the new row insertion process is active or not.
- Show No Data Found: Allows the “No Data Found” message to be shown when there is no data in the table.
- No Data Found Message: You can add a placeholder message to preview and display at runtime when no dynamic data is bound to the Table element in the query.
- No Data Found Image: You can add a placeholder image to preview and display at runtime in cases where no dynamic data is connected to the Table element in Kuika.
- Multi Select: Allows you to select multiple rows in the table. You can edit, delete or apply other operations to rows collectively.
- Selected Values: Stores the values of the selected rows in the table.
- Selected Row Color: Sets the background color of the selected rows.
- Multi Select Scope: Specifies the area in a table where multiple cells or rows can be selected at the same time.
- Transformed On Mobile Resolution: Allows the Table element to be automatically reorganized to provide a better view on mobile devices.
- Editable Always Active: Ensures that editable cells in the Table element are always active, so that clicking on the cells automatically opens the editing mode.
- Export: Makes it possible to export table data. For example, it allows you to download the table in Excel or CSV format.