Table
As peças de uma tabela HTML com os tokens do z-ui: contêiner com borda e rolagem, cabeçalho em fundo sutil, linhas com hover e rodapé. Para colunas declaradas, ordenação e paginação, use o DataTable, que é montado com elas.
Pedidos
| Pedido | Item | Situação | Total |
|---|---|---|---|
| PED-2026-0412 | Plano Empresarial | Pago | R$ 2.159,10 |
| PED-2026-0388 | Pacote 500 envelopes | Pago | R$ 990,00 |
| PED-2026-0351 | Certificado e-CNPJ A1 | Reembolsado | R$ 289,00 |
| PED-2026-0307 | Pacote 1.000 envelopes | Vencido | R$ 1.890,00 |
| Total do ano | R$ 5.328,10 | ||
Uso
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@zforgehq/z-ui/shadcn";
<Table aria-label="Pedidos">
<TableHeader>
<TableRow>
<TableHead scope="col">Pedido</TableHead>
</TableRow>
</TableHeader>
<TableBody>…</TableBody>
</Table>