Table

Open-code aq-ui accessible component family for Table.

Preview

This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.

Loading interactive preview…

pnpm dlx aq-ui@alpha add table

Client module

Import the parts you need, then jump to an export for its contract.

"use client"

import { Table } from "@/components/ui/table"

<Table />

Open-code aq-ui accessible component family for Table.

const Table = React.forwardRef<React.ComponentRef<"table">, React.ComponentProps<"table">>(…)

Public const export from Table.

const TableBody = React.forwardRef<React.ComponentRef<"tbody">, React.ComponentProps<"tbody">>(…)

Public const export from Table.

const TableCaption = React.forwardRef<React.ComponentRef<"caption">, React.ComponentProps<"caption">>(…)

Public const export from Table.

const TableCell = React.forwardRef<React.ComponentRef<"td">, React.ComponentProps<"td">>(…)

Footer export for composing Table.

const TableFooter = React.forwardRef<React.ComponentRef<"tfoot">, React.ComponentProps<"tfoot">>(…)

Public const export from Table.

const TableHead = React.forwardRef<React.ComponentRef<"th">, React.ComponentProps<"th">>(…)

Header export for composing Table.

const TableHeader = React.forwardRef<React.ComponentRef<"thead">, React.ComponentProps<"thead">>(…)

Public const export from Table.

const TableRow = React.forwardRef<React.ComponentRef<"tr">, React.ComponentProps<"tr">>(…)

utils