Components/Table

Search documentation

Jump to any guide or component.

↑↓ move · Enter open · Esc close

Data · Table

SSR NativeAccessible

Table

Displays structured comparison data in a responsive semantic table.

Live previewv0.1.4
Recent deployments
DeploymentStatusDuration
web-production-248Healthy42s
worker-sync-031Building18s
api-staging-109Queued
Astro
---
import { Table } from '@charvesta/cetha';
---

<Table caption="Recent deployments" compact>
  <tr slot="head"><th>Status</th><th>Duration</th></tr>
  <tr><td>Healthy</td><td>42s</td></tr>
</Table>

API reference

PropTypeDefaultDescription
captionstringAccessible table purpose.
compactbooleanfalseUses denser row spacing.
classstringAdditional classes forwarded to the rendered element.

Accessibility

Provide a caption and use scoped header cells to make relationships clear.