Table

Data Display

A clean data table layout with styled rows, header columns, and responsive overflow handling.

Loading component...

Run the following command to add this component to your project:

$pnpm dlx static-ui add table

Import the component directly from the package:

import { Table } from "@static-ui/ui"

Common props available for this component:

Prop	Type	Description
className	string	Additional CSS classes to apply.

Uses semantic `<table>`, `<thead>`, `<tbody>`, `<tr>`, `<th>`, `<td>` elements for proper screen reader navigation.

AvatarUser image with fallback placeholder.

BadgeStatus labels and counters.

KbdKeyboard key indicator.