Table

Overview

This is the foundation layer a <DataTable> is built from — real <table>/<thead>/<th>/<tbody>/<tr>/<td>/<tfoot> elements with no feature logic baked in. Sort indicators, select-all checkboxes, tooltips, and badges are composed as children (via CellHeader) rather than being props on these primitives — a component here never imports a feature component.

Use these directly for a plain styled table; reach for DataTable once you need sorting/filtering/pagination/selection/virtualization.

Import

import { Table } from '@unflowio/ui/components/Table';
import { TableHeader } from '@unflowio/ui/components/TableHeader';
import { TableHead } from '@unflowio/ui/components/TableHead';
import { TableBody } from '@unflowio/ui/components/TableBody';
import { TableRow } from '@unflowio/ui/components/TableRow';
import { TableCell } from '@unflowio/ui/components/TableCell';
import { TableFooter } from '@unflowio/ui/components/TableFooter';
import { TablePagination } from '@unflowio/ui/components/TablePagination';

Basic

Props

Table

TableHeader

TableHead

Deliberately has no sortable/selectable/badge props — compose those via CellHeader as children instead.

TableBody

TableRow

TableCell

TableFooter

TablePagination

A <td>-shaped adapter composing the existing Pagination (variant="table") as-is — accepts (almost) all of Pagination's own props plus colSpan, meant to sit inside a <TableFooter><TableRow>.