Dynamic Table Row
3 min
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 name description type default notes visible controls element visibility boolean true β value the full array of row data β read or set at runtime any\[] \[] β columnsdefinitionsourcetype how column definitions are provided string β static list, json, url columnsdefinitionsourcevalue the column definition data string|any β β sourcetype how initial row data is loaded string β json, url sourcevalue the data source for pre populating rows string|any β β canadd whether the user can add new rows boolean β β canremove whether the user can remove rows boolean β β addbuttontext custom label for the add row button string β β emptyrowtext text shown when a row has no content string β β showheader show or hide column headers boolean β β addvisualrownumber prepend a row number column boolean β β $item the current row object β available in row level events any β event context variable $fields the current row's fields β available in row level events any β event context variable $cellvalue the current cell value β available in cell level events any β event context variable 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
