nuxt-x-app
Table
Data table components with built-in CRUD, filtering, sorting, and pagination.
Table
Production-ready data table components with CRUD operations, server-side pagination, filtering, and export.
Overview
The XA table system provides a full CRUD table experience:
<XATable
endpoint="/api/users"
:columns="columns"
:filters="filters"
title="Users"
@row-click="openDetail"
/>
Key Components
<XATable />
Full-featured data table that connects to an API endpoint.
Props
| Prop | Type | Description |
|---|---|---|
endpoint | string | API endpoint for data fetching |
columns | Column[] | Column definitions |
filters | Filter[] | Filter configuration |
title | string | Table heading |
createRoute | string | Route for create form |
rowActions | Action[] | Per-row action buttons |
<XACrudTable />
Extends XATable with full Create/Read/Update/Delete operations.
<XACrudTable
endpoint="/api/products"
:columns="columns"
:schema="productSchema"
title="Products"
/>
AI Context
category: Table
package: "@xenterprises/nuxt-x-app"
use-when: Displaying lists of resources (users, orders, products) with CRUD operations
primary-component: XATable or XACrudTable
data-fetching: connects to REST API via endpoint prop
pagination: server-side, automatic