Every column in a Data Table is listed in the Data Source section with a drag handle, an icon showing its type, and an eye icon to show or hide it.
- Reorder columns by dragging the handle on the left of each row — this changes the order the columns display in the table.
- Show or hide a column by clicking its eye icon, without removing it from the configuration.
- Add a new column with the + Add Column button at the bottom of the list. This opens a menu with four column types:
Computed columns
A Computed column calculates a value from other fields on the same row using a formula. After choosing Computed, set a Column Label and Result Type, then write the formula — in Simple mode you can reference other fields directly (for example {{Amount}} * 1.1), or switch to Advanced for JavaScript. The Ask AI shortcut can generate the formula from a plain-language description.
Lookup columns
A Lookup column pulls in a readable value from a related record instead of showing a raw ID. This option is only available once a data source is connected. Configure it with:
- Source Field — the field on this table that holds the ID you want to resolve (e.g.
assignee_id) - Reference Collection — the table that has the full record
- Display Value — the field on that related record to show instead of the ID (e.g.
name)
Rollup columns
A Rollup column aggregates data from a set of related records — for example, counting or summing child records. Configure the Related Collection, the Relationship Path (the From Field / To Field that link the two collections), and an Aggregation Function such as Count, Sum, or Average. A Format section lets you control how the resulting number or currency displays.
Part of the Data Table Component guide — step 1 of 4.
Next: Data Table: Conditional Formatting âž¡