Builtin component
Data table with rows, actions, and filters.
| Prop | Type | Default | Description |
|---|---|---|---|
source | DataSource | — | Resource binding to fetch rows from |
data | Record<string, unknown>[] | — | Inline data (alternative to `source`) |
columns | TableColumn[] | — | Column definitions |
variant | "default" | "data" | — | Visual style |
rowLink | { path, params } | — | Link each row to a route |
rowActions | TableRowAction[] | — | Per-row action buttons |
actions | TableRowMenuAction[] | — | Table-level menu actions |
searchable | boolean | — | Show search input |
filters | TableFilter[] | — | Column filter dropdowns |
pageSize | number | — | Rows per page |
Table({
source: warehouses(),
columns: [
{ id: "name", label: "Name" },
{ id: "status", label: "Status" },
],
rowActions: [
{
label: "Suspend",
action: suspendWarehouse({ warehouse: "row.name" }),
when: { field: "status", equals: "RUNNING" },
},
],
searchable: true,
})