Главная / Каталог / UI-компоненты
«Таблицы и дашборд» — Таблицы, KPI и виджеты
Цена: 890 ₽
Таблица с поиском и сортировкой, сравнение тарифов с залипающей колонкой, KPI-карточки с рисующимся графиком и виджеты дашборда. На телефоне таблица становится карточками.
Таблицы — то, что ломается на мобильных у большинства сайтов. Здесь решено: при ширине меньше 860 пикселей строки превращаются в карточки с подписями из data-label, и ничего не уезжает за экран.
В наборе: таблица данных с живым поиском, сортировкой по любому столбцу и залипающей шапкой; сравнение тарифов, где первая колонка остаётся на месте при горизонтальной прокрутке; KPI-карточки со sparkline, который рисуется линией; кольцевой прогресс на SVG, столбчатая диаграмма и полосы-прогрессы. Всё на ванильном JS и CSS, данные — один массив в коде.
Что умеет
- Поиск и сортировка по клику на столбец
- Залипающая шапка и первая колонка
- Таблица → карточки на телефоне
- Сравнение тарифов с выделенным планом
- KPI-карточки со sparkline на SVG
- Кольцевой прогресс и столбчатый график
- Статусы-бейджи и индикаторы динамики
- Данные — один массив, без библиотек
Разделы
- Таблица данных
- Сравнение тарифов
- KPI-карточки
- Виджеты дашборда