Skip to main content

Table

Data Display
Stable

Semantic table component with styled header, body, footer, rows, cells, and caption. All sub-components extend native HTML elements.

Quick Import
Full Documentation
import { Table } from "@cohere-ai/waypoint-ui/table";

Live Preview

Loading Table...
Open in StorybookOpen in v0View Docs

Examples

Basic Table

Table with header and a data row

1
import {
2
  Table, TableHeader, TableBody, TableRow,
3
  TableHead, TableCell,
4
} from '@cohere-ai/waypoint-ui/table';
5
 
6
<Table>
7
  <TableHeader>
8
    <TableRow>
9
      <TableHead>Name</TableHead>
10
      <TableHead>Status</TableHead>
11
      <TableHead className="text-right">Amount</TableHead>
12
    </TableRow>
13
  </TableHeader>
14
  <TableBody>
15
    <TableRow>
16
      <TableCell>Alice Johnson</TableCell>
17
      <TableCell><Badge variant="success">Active</Badge></TableCell>
18
      <TableCell className="text-right">$250.00</TableCell>
19
    </TableRow>
20
  </TableBody>
21
</Table>

Found an Issue?

If you've encountered a bug or have feedback about the Table component, please report it to our team. Your feedback helps us improve Waypoint.

Available for all users • Issue will be created in Linear

Was this page helpful?

Your feedback helps us improve our documentation.

Need Help?

Check out the Whitelabeling Playground to explore customization options or visit the Developer Guide for integration help.