build69
Sign inGet API key
build69  /  Components  /  Data Display  /  Table

Table

v1.0.2Updated 27 Jul 2026

Low-level styled <table>. Build trivial tables directly; use DataTable for anything interactive.

View source← Back to catalog

Preview

Live · 7 stories
DefaultOpen ↗
▸Why this is recommendedtablelistrowscolumns+6

The default, out-of-the-box Table.

Recommended for+14
  • ✓A simple, plain table with no sorting or filtering
  • ✓A basic static table showing a few rows of data
  • ✓Read-only data summaries inside a card, dialog, or docs page
  • ✓A lightweight semantic html table styled to the theme
Tags+6
tablelistrowscolumnsplainsimplestaticbasicsemanticdefault
Features+4
  • Header / body / footer slots
  • Consistent spacing & borders
  • State rows — TableEmpty, TableLoading (layout-matched skeleton rows via columns/rows), TableError (role="alert" with a retry action slot)
Not recommended for−2
  • ✕Sorting, filtering, selection, or pagination (use DataTable)

Install

Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.

get_registry_item({ name: "Table" })

Usage

import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/data-display/table';

<Table>
  <TableHeader><TableRow><TableHead>Name</TableHead></TableRow></TableHeader>
  <TableBody><TableRow><TableCell>Alice</TableCell></TableRow></TableBody>
</Table>

Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.

Props

No documented props — Table is composed rather than configured. See the source for its full signature.

Related

Platform docsAll componentsSource files