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

Table View

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• The Ultimate Guide to Designing Data Tables