Табличное отображение данных

Table View

Список функций табличного отображения данных (UI)

  • Данные таблицы

    • Заголовок таблицы, иногда плавающий заголовок

      • Сортировка данных по клику на заголовке и индикация отсортированной колонки и направления сортировки

      • Фильтр данных в колонке и индикация включенного фильтра

    • Тело таблицы (строки) часто с порядковым номером строк, отметкой фоном четных/нечетных строк

    • Активные (линки, кнопки) и пассивные (цифры, текст, статика) данные в ячейках

    • Блок действий над строкой таблицы (обычно в конце строки данных)

    • Многострочное отображение данных в строке таблицы

    • Промежуточные итоги внутри данных таблицы

    • Итоги (footer), иногда плавающий

  • Режим групповых операций

    • Выбор строк (сheckbox)

    • Индикатор количества выбранных строк

    • Кнопка выбора операции над выбранными строками

  • Фильтр данных, иногда в виде фасетной панели (faceted search)

    • Определение фильтров

    • Индикация активности фильтра и его состояния

  • Постраничный просмотр данных (pagination)

    • Переход к следующей/предыдущей странице

    • Индексный переход на конкретную страницу (1, 2, 3 ...)

  • Возможность экспорта табличных данных

  • Режим печати табличных данных (убираются элементы управления)

Нефункциональные требования

  • Адаптивность таблицы (мобильные устройства, планшеты, десктоп)

  • Форматирование данных в строках ($ 1 200.00, May 12, 0)

  • Выравнивание данных в строках (числа по правому краю, строки по левому)

  • Внешний вид (с обводкой строк или без, цветовые решения)

  • Микро-анимации активных и неактивных элементов (подсветка строки при наведения курсора, подсветка линка при наведении)

Дополнительные источники

Last updated