Table

Structured data component for admin and CMS-oriented interfaces.

Use density and zebra mode to keep operational data readable in dashboards and CMS screens.

Build queue

API posts

This table is filled from the Axonyx `/api/posts` route and rendered with Foundry table styling.

It is the visible CMS-style route loop today. The SQLite fixture is checked with `cargo ax db check`, snapshotted with `cargo ax db pull`, and rendered through the Axonyx backend runtime.

Compact density

Usage

import { Table } from "@axonyx/ui/foundry/Table.asx"
import { TableHead } from "@axonyx/ui/foundry/TableHead.asx"
import { TableBody } from "@axonyx/ui/foundry/TableBody.asx"
import { TableRow } from "@axonyx/ui/foundry/TableRow.asx"
import { TableCell } from "@axonyx/ui/foundry/TableCell.asx"
import { TableHeaderCell } from "@axonyx/ui/foundry/TableHeaderCell.asx"

<Table zebra="true">
  <TableHead>
    <TableRow>
      <TableHeaderCell>Route</TableHeaderCell>
    </TableRow>
  </TableHead>
  <TableBody>
    <TableRow>
      <TableCell>/docs</TableCell>
    </TableRow>
  </TableBody>
</Table>

Table API

Inline API contract for the native `.asx` component.

• density: sm | md | lg
• zebra: true | false
• TableCaption: optional caption inside the table
• TableHead, TableBody, TableRow: semantic table structure
• TableHeaderCell, TableCell: align left | center | right