Демонстрация таблиц
Примеры использования кастомизированных таблиц
1. Базовые таблицы
Стандартная таблица
| ID | Имя | Статус | Действия | |
|---|---|---|---|---|
| 1 | Иван Иванов | ivan@example.com | Active | |
| 2 | Мария Петрова | maria@example.com | Away | |
| 3 | Алексей Сидоров | alex@example.com | Blocked |
Таблица с полосатостью и hover
| Дата | Событие | Пользователь | Статус |
|---|---|---|---|
| 2024-01-15 | Вход в систему | Иван Иванов | Успешно |
| 2024-01-14 | Изменение пароля | Мария Петрова | Требуется подтверждение |
| 2024-01-13 | Попытка входа | Неизвестный | Ошибка |
2. FLEX мини-таблицы
Активные сессии
192.168.1.1
10:30
192.168.1.2
15:45
Последние уведомления
Новое сообщение
2 минуты
Обновление безопасности
1 час
3. Grid-таблицы
2 колонки (метод + действие)
3 колонки (иконка + текст + действие)
user@example.com
+7 999 123-45-67
Google
Подключен
Grid-таблица с заголовком
Метод
Действия
user@example.com
+7 999 123-45-67
4. Интерактивные таблицы
Таблица с сортировкой и фильтрами
| ID | Имя | Роль | Статус | |
| 1 |
|
ivan@example.com | Администратор | Online |
| 2 |
|
maria@example.com | Редактор | Away |
| 3 |
|
Не указан | Пользователь | Offline |
5. Таблицы-карточки
Методы аутентификации
user@example.com
Подтвержден
Не подключен
user@gmail.com
Активен
Продолжая использовать сайт, вы соглашаетесь на обработку файлов cookie и принимаете Пользовательское соглашение