Table Component

The Table component is ideal for displaying structured datasets that users may want to sort, filter, and explore. It provides a familiar grid-like interface and supports row/column customization.

Key Features

• Sortable and filterable: users can quickly find relevant data.
• Paginated or scrollable: adapt to large datasets with ease.
• Customizable columns: hide/show fields, rename headers, or add computed values.
• Row actions: links, buttons, or contextual menus can be embedded into each row.
• Export support: export table data as CSV, Excel, or JSON.

Example Schema

{
  "type": "table",
  "title": "Active Users",
  "columns": [
    { "key": "name", "label": "Name" },
    { "key": "email", "label": "Email" },
    { "key": "lastLogin", "label": "Last Login" }
  ],
  "data": [
    {
      "name": "Jane Doe",
      "email": "jane@example.com",
      "lastLogin": "2025-08-15"
    },
    {
      "name": "John Smith",
      "email": "john@example.com",
      "lastLogin": "2025-08-19"
    }
  ]
}

Example Use Cases

• User lists with login activity.
• Customer or lead databases.
• Audit logs and system reports.