Tile UI · SolidJS
CSR · SSR · SSGTable
Native SolidJS table primitives in a responsive overflow container.
| Package | Components |
|---|---|
| @tile-ui/solid | 61 |
| SSR | Ready |
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@tile-ui/solid';
export default function TableDemo() {
return (
<Table>
<TableHeader>
<TableRow>Use Table primitives for semantic tabular data with horizontal overflow support.
Registry install
pnpm dlx shadcn@latest add @tile-ui/table
Package usage
import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '@tile-ui/solid';
<Table>
<TableHeader>
<TableRow>
<TableHead>Name</TableHead>
</TableRow>
</TableHeader>
<TableBody>
<TableRow>
<TableCell>Tile UI</TableCell>
</TableRow>
</TableBody>
</Table>
Highlights
- Header, body, footer, and caption
- Row, head, and cell primitives
- Pairs with Pagination
Registry dependencies
| Item | Purpose |
|---|---|
table |
Component source and module styles |
core |
Framework-agnostic logic helpers |
styles |
Shared SCSS tokens and globals |
API reference
Table
| Prop | Type | Default |
|---|---|---|
containerClass |
string |
— |
containerProps |
JSX.HTMLAttributes<HTMLDivElement> |
— |
TableHeader
No custom props.
TableBody
No custom props.
TableFooter
No custom props.
TableRow
No custom props.
TableHead
No custom props.
TableCell
No custom props.
TableCaption
No custom props.