User Interface

Ondeva’s Custom Tables area is split into two functional tabs — Structure and Data — both accessible from within the Data section of the platform. The UI is designed to help you move fluidly between modeling data and interacting with live entries.

This overview breaks down how the user interface works specifically when working with a table in Ondeva.

To access your custom tables:

  1. Click the Data icon in the left-hand navigation.

  2. Select a table from the list — or create a new one.

  3. Once selected, the table editor opens with two tabs:

    • Structure

    • Data


Structure Tab UI

The Structure tab is where you define the schema (fields/columns) of your table.

Layout

  • Center panel: Displays the list of fields currently in the table (columns). Each field shows:

    • Field label

    • Data type

    • Identifying column indicator (if applicable)

  • Top bar: Shows the current table name. Click it to rename the table inline.

  • Right-hand panel: When a field is selected, this panel displays field-specific settings:

    • Field name

    • Data type

    • Validation rules

    • Default values

    • Required toggle

    • Custom logic (varies by field type)

  • Floating actions:

    • Add Field: Button at the bottom of the field list

    • Delete Field: Trash icon appears when hovering over a field

  • Empty canvas click: Clicking in an empty space reveals Table Settings.


Data Tab UI

The Data tab lets you view and manipulate actual entries (rows) inside the table.

Layout

  • Top bar:

    • Add Entry button

    • Export to CSV button

  • Center panel (Table View):

    • Spreadsheet-style table with one row per entry

    • Each column matches a field from your structure

    • Checkboxes to select rows for deletion

  • Right-hand panel (Entry Editor): When a row is selected:

    • Shows all fields and values for that row

    • Supports inline editing per field type

    • Autosaves all changes instantly

  • Pagination Navigation: Shown at the bottom once entries exceed 20 rows. Navigate pages to view more data.


UI Behaviors Worth Noting

  • Autosave: Changes in both Structure and Data tabs are saved instantly — there’s no Save button.

  • Validation Feedback: Required fields and invalid entries are flagged in real time in both field settings and data entry.

  • Drag & Drop Support (Structure Tab):

    • Reorder fields by dragging them in the list.

    • The order is reflected in Data view and UI components.

  • Persistent Context: Switching between tabs (Structure ↔ Data) retains your selected table and open row/field.


Summary

Ondeva’s custom table UI is optimized for live, real-world development:

  • Two powerful tabs (Structure + Data)

  • Clear side-by-side editing

  • No-code field config with real-time validation

Whether you're defining schemas or running operations, the interface keeps you focused and fast.

Last updated