PROCESIO
OverviewPlatform ActionsIntegrations & DemosCustom ActionsDeveloperโ€™s Guide

Dynamic Table Row

The Dynamic Table Row element is the most powerful tabular component in Procesio Forms. It renders a fully interactive, editable table where usersโ€ฆ

The Dynamic Table Row element is the most powerful tabular component in Procesio Forms. It renders a fully interactive, editable table where users can add, edit, and remove rows โ€” each row sharing the same column structure defined at design time. It combines the visual structure of a data grid with the interactivity of a repeating input list.

Column definitions can come from a static list, a JSON object, or a live URL. Row data is pre-populatable via sourcetype / sourcevalue, and the full row array is always accessible via value. The element exposes three special event context variables โ€” $item, $fields, and $cellvalue โ€” giving you deep access to the currently active row and even the specific cell being interacted with, enabling fine-grained per-row and per-cell event logic.

Control over add and remove permissions (canadd / canremove), customizable button labels, empty-state messaging, and optional row numbering make this element fully production-ready for complex, data-entry-heavy form workflows.

Key Use Cases

โ€ขย ย ย ย ย ย ย  Editable line-item tables for purchase orders, invoices, or expense reports

โ€ขย ย ย ย ย ย ย  Dynamic task lists where users add, modify, and remove tasks within a process form

โ€ขย ย ย ย ย ย ย  Pre-populating rows from a process API call and allowing the user to modify them

โ€ขย ย ย ย ย ย ย  Per-row event logic โ€” triggering a calculation or lookup when a specific cell changes ($cellvalue)

โ€ขย ย ย ย ย ย ย  Restricting add/remove to read-only for certain user roles via canadd / canremove at runtime

Runtime API โ€” Attributes in Procesio Forms

All attributes below โ€” including $item, $fields, and $cellvalue context variables โ€” are accessible via the element's data model in Procesio Forms at any available event.

API NameDescriptionTypeDefaultNotes
visibleControls element visibilitybooleantrueโ€”
valueThe full array of row data โ€” read or set at runtimeany[][]โ€”
columnsdefinitionsourcetypeHow column definitions are providedstringโ€”static list, json, url
columnsdefinitionsourcevalueThe column definition datastring|anyโ€”โ€”
sourcetypeHow initial row data is loadedstringโ€”json, url
sourcevalueThe data source for pre-populating rowsstring|anyโ€”โ€”
canaddWhether the user can add new rowsbooleanโ€”โ€”
canremoveWhether the user can remove rowsbooleanโ€”โ€”
addbuttontextCustom label for the add row buttonstringโ€”โ€”
emptyrowtextText shown when a row has no contentstringโ€”โ€”
showheaderShow or hide column headersbooleanโ€”โ€”
addvisualrownumberPrepend a row number columnbooleanโ€”โ€”
$itemThe current row object โ€” available in row-level eventsanyโ€”Event context variable
$fieldsThe current row's fields โ€” available in row-level eventsanyโ€”Event context variable
$cellvalueThe current cell value โ€” available in cell-level eventsanyโ€”Event context variable
nameUnique element namestringโ€”โ€”
idUnique element IDstringโ€”โ€”

For support, please join our Discord community for further assistance and support.

On this page