Table

Data Display

A component for displaying tabular data in rows and columns. Use tables for structured data that benefits from comparison across multiple attributes.

Import

import {
  Table,
  TableHeader,
  TableBody,
  TableRow,
  TableHead,
  TableCell
} from "@/components/ui/table";

A responsive data table. On mobile, the table switches to a card-based layout for better readability on smaller screens.

Product	Category	Status	Price
Sonance VP66	In-Wall	In Stock	$899
Sonance C6R	In-Ceiling	In Stock	$649
Mariner 86	Outdoor	Low Stock	$1,199
James B10	Subwoofer	Out of Stock	$2,499

children*—

ReactNode

Table content (header, body, rows)

Prop	Type	Default	Description
`children*`	`ReactNode`	—	Table content (header, body, rows)