Overview
Table displays columnar data (Supports search). Add it to a form to let a person edit an array field’s rows in a table that has a search box and per-row edit and delete actions.
Add a Table to a form
Open the Component Selector and expand the Data Groupings category. Drag Table onto the form.
A dialog asks whether to bind Table to a new field or an existing one. Turn off Create a New Field, select the array field Table should display, and click OK.
Table’s key settings
Select Table on the canvas and open its Control Properties (the wrench icon) to reach these settings.
Selection Field points at a field elsewhere on the form that should hold whichever row a person selects. Layout switches the table between a vertical list of rows and a horizontal layout.
The Fields list holds one entry per bound column. Each has its own Header, a text override independent of the field’s own name, and a Readonly toggle. Add Field adds another column beyond the array’s own fields.
Add Enabled and Search Enabled turn the “+” button and the search box on or off. Filter limits which rows appear.
Worked example
The Table below is bound to the same array field as the Grid example. Its Actions column (edit and delete) is always present, its column headers use the field’s own name as written rather than uppercasing it, and the “+” button beside Search adds a row.
Em dash on an unset value
A row with an unset numeric value displays an em dash rather than a blank cell. This is expected behavior, not a rendering problem.