nessra uinessra ui

A responsive table component for displaying data.

Loading...
import {
  Table,
  TableBody,

Installation

pnpmnpmyarnbun
pnpm dlx shadcn@latest add https://nessra-ui.vercel.app/r/table.json

Usage

import {
  Table,
  TableBody,
  TableCaption,
  TableCell,
  TableHead,
  TableHeader,
  TableRow,
} from "@/components/ui/table"
<Table>
  <TableCaption>A list of items.</TableCaption>
  <TableHeader>
    <TableRow>
      <TableHead>Name</TableHead>
      <TableHead>Status</TableHead>
    </TableRow>
  </TableHeader>
  <TableBody>
    <TableRow>
      <TableCell>Item 1</TableCell>
      <TableCell>Active</TableCell>
    </TableRow>
  </TableBody>
</Table>

API Reference

Table

ComponentDescription
TableThe root table element
TableHeaderThe table header section
TableBodyThe table body section
TableFooterThe table footer section
TableRowA table row
TableHeadA header cell
TableCellA body cell
TableCaptionA caption for the table