Table

Table — сетка данных со столбцами: записи таблицы, список документов с датами и авторами, сводка по проектам.

Части повторяют разметку HTML-таблицы (table, thead, tbody, tfoot, tr, th, td, caption) и принимают их атрибуты — colSpan, scope, abbr работают как обычно, поэтому таблица читается скринридером как таблица.

Table.Root задаёт плотность (size) на всю таблицу сразу и включает оформление: зебру (isStriped), липкую шапку (isSticky), подсветку строки под курсором (isInteractive), разделители колонок (isColumnBordered). Цвет — у строки: Table.Row принимает variant с appearance или color, чтобы пометить упавшую сборку, выбранную или черновую запись.

Это не список сущностей, по которым переходят: для строки с аватаром, заголовком и описанием есть Cell, а для пар «свойство → значение» — DataList. Таблица нужна там, где у данных есть столбцы и их сравнивают между строками.

Заглушки ячеек на время загрузки — отдельный компонент TableSkeleton.

Размер задаётся на Table.Root и управляет высотой строки, паддингами ячеек и кеглем. Ступень наследуется вложенными компонентами — бейдж и аватар в ячейке едут за таблицей, пока им не задали свой size. xs и sm — плотные сетки записей, md — базовый, lg и xl — короткие сводки на всю ширину.

variant с appearance (или color — для цвета из данных) красит строку целиком: solid — сплошная заливка для выбранной строки, ghost — приглушённая подложка для статуса. outline и dashed у строки подаются той же приглушённой подложкой: обводке в сетке негде лечь — границы ячеек уже рисуют разделители.

Без обоих пропов строка остаётся нейтральной, а цвет перебивает зебру.

isStriped подкрашивает чётные строки тела — по широкой строке легче вести взгляд. isInteractive добавляет подсветку строки под курсором: для таблиц, где строка открывает документ. Обработчик клика вешает потребитель на Table.Row.

isColumnBordered добавляет вертикальные разделители между колонками. Нужны там, где столбцы сравнивают между собой — числовая сводка, матрица прав; для списка документов хватает горизонтальных линий и зебры.

Линия рисуется на каждой ячейке, кроме последней в строке, поэтому не задваивается с рамкой таблицы, а объединяющая столбцы ячейка (colSpan) рисует линию по своему краю.

isSticky прижимает шапку к верху скролл-контейнера. Сама таблица не скроллится — контейнер даёт потребитель: ScrollArea, зона контента Panel или любой блок с overflow.

Table.Caption — подпись над таблицей, Table.Footer — итоговая строка: она отбита линией и держит тот же фон, что шапка.

Подпись таблицы (caption) — текст над сеткой приглушённым кеглем.

Шапка (thead) — строка с Table.Head.

Тело таблицы (tbody) — строки с данными.

Футер (tfoot) — итоговая строка: отбита линией от тела и держит фон шапки.

Строка (tr). Принимает variant с appearance или color — цвет красит всю строку и перебивает зебру.

Ячейка шапки (th) — подпись столбца приглушённым цветом.

Ячейка тела (td): текст или готовый компонент ДС — бейдж, дата, метка сущности.