Table
Collect many rows of data
Overview
Dialog
Slide-out
Tables serve as an interactive element to group the same type of data many times, creating a one to many relationship to your main form. All tables share common features with different configurations.
Common Features
- Validation: As you type, or when you press save, the table will validate your data before saving the row. You must fix all errors before leaving that row.
- Pagination: To enhance usability, the table includes a pager in the form of a slider at the bottom. This allows you to navigate through the pages of data easily by sliding the input or typing in the value that appears at the end of the slider. The table displays a fixed number of rows per page, and we're exploring options to make this number configurable in the future.
- Long Text: If the text in a cell is too long, it will be truncated with an ellipsis ("...") for a cleaner look.
- Number format: All numbers are formatted as they would be in normal inputs for consistency and readability.
- Edit: To edit a record you can click on any value in the row or the ellipsis in the first column to View
- Delete: To delete a record, click the ellipsis in the first column and select Delete
Custom Configurations
- Templates: Templates, or file parser, will look at your CSV file and match each field to a field in the table, even if a field is not shown in the table. When loaded, each row in your CSV will load into the table.
- Editing: Workflows can use a dialog or a slideout to show the editable fields of the row. A dialog will cover most of the page, while a slideout will split the screen so you can edit both the main page and table row. See the example tabs for different configurations.
- Saving: If a save button is shown at the bottom of your dialog or slideout, you must save before exiting. However, most dialog's or slideouts autosave after changes.
- Columns: The visible columns are configured per workflow. All fields do not have to be shown on the table, but will be available to edit when the row is opened for edit.