Таблица

Table сохраняет нативные table/caption/thead/tbody/tr/th/td, всегда оборачивает таблицу в контейнер с горизонтальной прокруткой, поддерживает striped/divided варианты, плотность и опцию stickyHeader для закрепления заголовка над вертикально прокручиваемым телом таблицы. Сортировка, выбор строк и виртуализация не входят в базовый компонент — для этого предназначен DataTable.

Пример

Интерактивный пример

Участники команды и их роли
Имя	Роль
Дарья Коул	Владелец
Маркус Уэбб	Администратор

Использование

Импортируйте компонент из публичной точки входа пакета.

import { Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow } from "denjs-ui";

export function Example() {
  return (
    <Table>
      <TableCaption>Team members and their roles</TableCaption>
      <TableHeader>
        <TableRow>
          <TableHead scope="col">Name</TableHead>
          <TableHead scope="col">Role</TableHead>
        </TableRow>
      </TableHeader>
      <TableBody>
        <TableRow>
          <TableHead scope="row">Daria Cole</TableHead>
          <TableCell>Owner</TableCell>
        </TableRow>
      </TableBody>
    </Table>
  );
}