Table Components

A set of composable table components for building data tables.

Components

Component	Purpose
Table	Root table wrapper
TableHeader	Table header row container
TableBody	Table body container
TableFooter	Table footer container
TableRow	Table row
TableHead	Header cell (<th>)
TableCell	Body cell (<td>)
TableCaption	Table caption
TableEmpty	Empty state display

Usage

<Table>
  <TableHeader>
    <TableRow>
      <TableHead>Name</TableHead>
      <TableHead>Status</TableHead>
    </TableRow>
  </TableHeader>
  <TableBody>
    <TableRow v-for="item in items" :key="item.id">
      <TableCell>{{ item.name }}</TableCell>
      <TableCell>{{ item.status }}</TableCell>
    </TableRow>
  </TableBody>
</Table>

Source

app/components/ui/table/