Компоненты

Таблицы

Таблица, фильтры колонок, страницы 10 · 25 · 50, вид карточками.

Таблица списка (полная)

Правило dashboard: 10 · 25 · 50 строк, панель над таблицей (ListToolbar), фильтр под каждым заголовком, действия строки — иконки, переключатель «Список / Карточки». На телефоне таблица прокручивается вбок или переходит в карточки.

Действия
Aziz KarimovUMR-2026-00451Safar TravelЭконом · 12 дней03.11.2026
250 $ / 1 250 $
Новый
Malika SaidovaUMR-2026-00454Al-Hidoya TourРамадан · 21 день14.11.2026
2 900 $ / 2 900 $
Оплачено
Bekzod AliyevUMR-2026-00457Nur ZiyoratVIP · 14 дней25.11.2026
2 450 $ / 2 450 $
Улетел
Shahnoza RahimovaUMR-2026-00460Centrum HolidaysСтандарт · 14 дней09.11.2026
1 352 $ / 1 690 $
В работе
Javlon QodirovUMR-2026-00463Barakat UmraЭконом · 12 дней20.11.2026
250 $ / 1 250 $
В работе
Feruza NazarovaUMR-2026-00466Safar TravelРамадан · 21 день04.11.2026
0 $ / 2 900 $
Потерян
Jasur TursunovUMR-2026-00469Al-Hidoya TourVIP · 14 дней15.11.2026
2 450 $ / 2 450 $
Оплачено
Nilufar MirzayevaUMR-2026-00472Nur ZiyoratСтандарт · 14 дней26.11.2026
1 352 $ / 1 690 $
Новый
Otabek ErgashevUMR-2026-00475Centrum HolidaysЭконом · 12 дней10.11.2026
1 250 $ / 1 250 $
Оплачено
Zuhra YusupovaUMR-2026-00478Barakat UmraРамадан · 21 день21.11.2026
2 900 $ / 2 900 $
Улетел

Правила

  • Каждая таблица начинается с 10 строк; выбор 10 · 25 · 50.
  • Перед названием колонки — значок сортировки: нажатие — по возрастанию, ещё раз — по убыванию, третий раз — исходный порядок.
  • Сведения о строке — в каждой таблице dashboard: двойной щелчок по строке открывает окно «Подробнее» — название каждой колонки и значение (статус — своим названием, колонка кнопок действий — нет). Если у таблицы есть своё окно (сессии, устройства, клиенты) — открывается оно. Для клавиатуры и телефона — кнопка ⓘ; кнопки и поля строки не в счёт.
  • Статус в таблице — цветная иконка и название; где мало места (внутри списка, строка графика) — только иконка (bare), название в подсказке.
  • Текстовый фильтр применяется через 400 мс; дата, число, выбор — в своих окнах (не браузерных).
  • Текстовый фильтр предлагает под полем значения, которые есть в колонке (активные регионы, клиенты).
  • Когда задан фильтр, слева появляется «Сбросить фильтр»; при смене фильтра — возврат на первую страницу.
  • Деньги и числа — справа, с tnum.
  • Колонка отметок видна не всегда: кнопка «Массовые действия» над таблицей включает и выключает её; при выключении выбор сбрасывается. Над отмеченными строками — панель массовых действий.
  • Если сервер отдаёт весь список — useLocalList, иначе страницы режет сервер (ListView).
  • Длинная таблица прокручивает не страницу, а свою рамку (TableBox): рамка занимает оставшуюся высоту экрана, строка заголовков остаётся наверху; на телефоне страница прокручивается как обычно.

Адаптивный список

Небольшая таблица на планшете и web — таблица, на телефоне — список с аватаром, двумя строками текста и суммой справа. Сравните кнопкой «Устройство».

  • AKAziz KarimovЭконом · 12 дней · 03.11.20261 250 $Новый
  • MSMalika SaidovaРамадан · 21 день · 14.11.20262 900 $Оплачено
  • BABekzod AliyevVIP · 14 дней · 25.11.20262 450 $Улетел
  • SRShahnoza RahimovaСтандарт · 14 дней · 09.11.20261 690 $В работе
  • JQJavlon QodirovЭконом · 12 дней · 20.11.20261 250 $В работе

Строка «Итого» (TotalRow)

Под денежными таблицами — итог: сверху жирная линия, второй фон, жирные числа справа. Приход зелёный, расход красный. Итог считается по всем строкам после фильтров, а не только по странице.

ДатаКассаПриходРасходОстаток
25.10.2026Основная касса4 200 $900 $3 300 $
26.10.2026Основная касса3 150 $1 400 $1 750 $
27.10.2026Терминал2 600 $2 600 $
Итого9 950 $2 300 $7 650 $

Правила

  • Итог — в <tfoot> таблицы, вне постраничного вывода.
  • Пустая колонка — null; текстовые колонки под надписью «Итого» (span).

Пусто и загрузка

Пустой список — почему он пуст и следующий шаг (кнопка). При загрузке — скелет в форме таблицы, а не текст «Загрузка…».

Клиентов пока нет

Добавьте первого клиента или дождитесь заявки через форму брони на сайте.

КлиентВылетЦена