Базовая
Striped + hover
Compact
Sticky header (скролл внутри таблицы)
| # | Игрок | Игра | Рейтинг | Статус |
|---|---|---|---|---|
| 1 | Pavel V. | Нарды | 1842 | Online |
| 2 | Maria I. | Шашки | 1721 | |
| 3 | Alex B. | Покер | 1598 | Online |
| 4 | Olga K. | Дурак | 1450 | Finished |
| 5 | Igor S. | Нарды | 1402 | Offline |
| 1 | Pavel V. | Нарды | 1842 | Online |
| 2 | Maria I. | Шашки | 1721 | |
| 3 | Alex B. | Покер | 1598 | Online |
| 4 | Olga K. | Дурак | 1450 | Finished |
| 5 | Igor S. | Нарды | 1402 | Offline |
| 1 | Pavel V. | Нарды | 1842 | Online |
| 2 | Maria I. | Шашки | 1721 | |
| 3 | Alex B. | Покер | 1598 | Online |
| 4 | Olga K. | Дурак | 1450 | Finished |
| 5 | Igor S. | Нарды | 1402 | Offline |
Row states
Класс на
| # | Игрок | Турнир | Событие | Класс |
|---|---|---|---|---|
| 1 | Pavel V. | Champions League | Выиграл турнир | is-success |
| 2 | Maria I. | Лига Нарды | Завершил этап | is-info |
| 3 | Alex B. | Осенний кубок | Завершил участие | is-muted |
| 4 | Olga K. | Шашечный турнир | Предупреждение | is-warning |
| 5 | Igor S. | Покер | Дисквалификация | is-danger |
Responsive — горизонтальный скролл + sticky первая колонка
Когда таблица не помещается по ширине: scroll внутри обёртки, первая колонка прилипает.
| Игрок | Рейтинг | Турниры | Победы | Поражения | Win rate | Bal | Лига | Последняя игра | Действия |
|---|---|---|---|---|---|---|---|---|---|
| Pavel V. | 1842 | 47 | 32 | 15 | 68% | 12 450 | Champion | 2 ч назад | … |
| Maria I. | 1721 | 47 | 32 | 15 | 68% | 12 450 | Champion | 2 ч назад | … |
| Alex B. | 1598 | 47 | 32 | 15 | 68% | 12 450 | Champion | 2 ч назад | … |
| Olga K. | 1450 | 47 | 32 | 15 | 68% | 12 450 | Champion | 2 ч назад | … |
| Igor S. | 1402 | 47 | 32 | 15 | 68% | 12 450 | Champion | 2 ч назад | … |