Перейти к содержимому
v2.5.0
English
Русский
Документация

Отображение данных

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

Быстрые правила выбора

  • Используйте Table для семантического табличного содержимого, которое в основном читают, а не обходят ячейка за ячейкой.
  • Используйте DataGrid для навигации по ячейкам с клавиатуры.
  • Используйте DataGridSelectable, когда навигации по сетке нужен ещё и выбор.
  • Используйте DataGridPicker, когда сетка должна восприниматься как поверхность пикера, а не как универсальная матрица взаимодействия.
  • Используйте Pagination, когда содержимое разбито на отдельные страницы.
  • Используйте PageControl, когда интерфейсу нужны компактные индикаторы страниц или слайдов, а не полноценная пагинация.

По модели взаимодействия

  • Статичная таблица или таблица для чтения: Table
  • Навигируемая интерактивная сетка: DataGrid
  • Навигируемая сетка с выбором: DataGridSelectable
  • Сетка в форме пикера: DataGridPicker
  • Полноценная постраничная навигация: Pagination
  • Компактный индикатор страниц или слайдов: PageControl

Частые ошибки классификации

  • Не используйте Table, когда навигация по активной ячейке — часть UX.
  • Не используйте DataGrid, когда интерфейс только отображает статичные строки и столбцы.
  • Не используйте DataGridSelectable, когда на самом деле нужен стандартный слой пикера.
  • Не используйте DataGridPicker для общей навигации по данным, если интерфейс не должен восприниматься как выбор.
  • Не используйте PageControl, когда пользователям нужны явные номера страниц или более широкие возможности навигации.

С чего начать

  • Таблицы и сводки только для чтения: Table
  • Расписания, планировщики или матрицы с управлением с клавиатуры: DataGrid, DataGridSelectable
  • Плотные сетки выбора: DataGridPicker
  • Списки, разбитые на страницы: Pagination
  • Карусели, шаги онбординга или индикаторы слайдов: PageControl