The Data Table is used to display, filter, and manage records from your connected data sources. It supports live editing, dynamic filters, column summaries, and action buttons.Here’s how it works, step by step:<hr><h2>1. Preview Layout</h2>When you open the table, you’ll see two tabs:<ul class="accent-bullets"><li>General – Controls layout, editing, and display behavior</li><li>Trigger – Lets you define actions tied to buttons in the header or row</li></ul>You can toggle editability, enable search, and configure summaries here. For numeric columns, you can turn on clone summaries to show totals or averages in the footer.<hr><h2>2. Connect to a Data Source</h2>Click “Connect Source” and choose from available collections or databases. In this example, we use MergePoint Knowledge to pull invoice line items.You’ll see a list of fields automatically mapped to columns. You can reorder, hide, or add new fields if needed.<hr><h2>3. Enable Column Summaries</h2>For numeric fields like “Amount” or “Tax,” enable column summaries. The system applies default sum functions to footer rows.You can also set page limits and sort order here (e.g., newest items first).<hr><h2>4. Add Filters for Scoped Records</h2>Use filters to narrow the records shown. For example:<pre class="relative language-plaintext"><code class="language-plaintext relative">ini</code></pre>CopyEdit<code class="inline-code-shadow bg-gray-100 border border-gray-200/60 dark:border-gray-800 font-medium dark:bg-gray-700/60 text-gray-700 dark:text-gray-200 font-mono text-md px-1 py-0.5 rounded-[0.2rem] [&amp;::before]:content-none [&amp;::after]:content-none">invoice_id == {{invoice_form.invoice_id}} </code>This ensures the table only shows line items linked to the parent invoice. Filters can use values from other components, forms, or database lookups.<hr><h2>5. Add Header Actions</h2>You can add buttons to the top of the table:<ul class="accent-bullets"><li>Create – Adds a new record, such as an invoice line item</li><li>Import – Upload records in bulk</li><li>Update – Trigger updates based on user actions</li><li>Trigger Workflow – Run custom logic or approval flows</li></ul>When adding a Create action, you can configure the form fields and use AI auto-suggest to handle mapping. The system auto-fills most bindings.<hr><h2>6. Add Row Actions</h2>You can also add actions to each row, like:<ul class="accent-bullets"><li>Delete – Removes the selected record</li><li>Edit – Opens a form to modify values</li><li>Overlay – Shows a modal with more detail</li><li>Workflow Trigger – Runs logic tied to that row</li></ul>These actions can be conditional, based on status or values in the row.<hr><h2>7. Final Setup</h2>Once actions are added, you can choose which ones stay visible by default. You can continue customizing the layout, column widths, and display options.The Data Table is built to be flexible. You can use it in parent-child record views, dashboards, or embedded in forms.

Build Any UI

Data Table Component

Invoice Data Extraction

Proforma Invoice Association

Outlook → Salesforce Email & Note Capture Workflow

Use Cases & Solutions

Form Studio

Getting Started

Task List Panel

Assigning Tasks 

All Tasks in One Dynamic, Smart Table

Approve / Reject Tasks

Human-in-the-Loop

Layout Components

Button Components

Input Components

Select Components

Triggers 101

Manual Trigger

Scheduled Trigger

Triggers

Google Sheets Writer

PDF OCR Reader

Web Search

Nodes

Step Output

Data

Chat

Info Access

Chat best practices 

Mergepoint Chat

Creating Knowledge

Collections Management

Data Sources & Sync

AI Optimization

Enrichment Tool

Advanced Features

Mergebase

How to Submit a Feedback (Bug, Feature, or Enhancement)

Contact Us

Roles & Permissions

Administration

Docs

Mergepoint