Data Table
2 min
the data table element renders a read oriented tabular view of structured data within a form it is designed for displaying datasets β lists of records, search results, process outputs β in a clean, sortable, paginated grid unlike the dynamic table row (which supports inline editing), the data table is primarily a presentation component column definitions are flexible you can define them statically, supply them as a json structure, or load them from a url the table's row data lives in the value array and can be set at runtime from a process output pagination is fully configurable (showpagination, page, countperpage, totalitemscount), supporting both client side and server side pagination patterns key use cases β’ displaying search results returned by a process action in a structured grid β’ showing a list of related records (orders, invoices, tasks) loaded on form open β’ server side paginated tables β updating page and totalitemscount from a process on page change β’ review tables where an approver sees all line items before deciding β’ conditionally hiding columns or toggling row number display based on user role runtime api β attributes in procesio forms all attributes below are accessible and modifiable at runtime via the element's data model in procesio forms api name description type default notes label display label above the table string β β tooltip help text shown alongside the label string β β infotext supplementary info below the table string β β emptytabletext text shown when the table has no rows to display string β β visible controls element visibility boolean true β value the table's row data array β set from process output at runtime any\[] \[] β columnsdefinitionsourcetype how column definitions are provided string β static list, json, url columnsdefinitionsourcevalue the column definition data string|any β β approved if true, marks the table as approved boolean β β showheader show or hide column header row boolean β β addvisualrownumber prepend a row number column boolean β β showpagination enable pagination controls boolean β β page current page index (when pagination is enabled) number β β countperpage number of rows per page number β β totalitemscount total row count for server side pagination number β β name unique element name string β β id unique element id string β β for support, please join our https //discord com/invite/cebukgjefv for further assistance and support
