Table

Компонент Table — это базовая HTML-таблица с дополнительными опциями для стилизации: строки с выделением при наведении, чередование цветов строк (зебра), компактный режим и фиксированные заголовки.

Обзор

Основное назначение: отображение табличных данных с расширенными возможностями стилизации.
Ключевые возможности:
- Выделение строки при наведении (hoverable).
- Чередование цветов строк — зебра (zebra).
- Компактный режим с уменьшенными отступами (dense).
- Фиксированные заголовки при прокрутке (sticky).

API компонента

Props

Проп	Тип	По умолчанию	Описание
`hoverable`	`Boolean`	`false`	Выделяет строку при наведении курсора.
`zebra`	`Boolean`	`false`	Чередует фоновый цвет строк.
`dense`	`Boolean`	`false`	Уменьшает внутренние отступы в ячейках для компактного отображения.
`sticky`	`Boolean`	`false`	Делает заголовки таблицы фиксированными при прокрутке.

Слоты

Имя слота	Описание
`default`	Содержимое таблицы (`thead`, `tbody`, `tfoot`, `tr`, `th`, `td`).

CSS-классы

Компонент добавляет следующие классы в зависимости от пропсов:

Класс	Условие	Описание
`table`	Всегда	Базовый класс таблицы.
`is-hoverable`	`hoverable: true`	Включает эффект наведения на строки.
`is-zebra`	`zebra: true`	Включает чередование цветов строк.
`is-dense`	`dense: true`	Уменьшает отступы в ячейках.
`is-sticky`	`sticky: true`	Фиксирует заголовки таблицы.