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

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

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

- Используйте [Table](https://vega-ui.dev/ru/components/table/) для семантического табличного содержимого, которое в основном читают, а не обходят ячейка за ячейкой.
- Используйте [DataGrid](https://vega-ui.dev/ru/components/data-grid/) для навигации по ячейкам с клавиатуры.
- Используйте [DataGridSelectable](https://vega-ui.dev/ru/components/data-grid-selectable/), когда навигации по сетке нужен ещё и выбор.
- Используйте [DataGridPicker](https://vega-ui.dev/ru/components/data-grid-picker/), когда сетка должна восприниматься как поверхность пикера, а не как универсальная матрица взаимодействия.
- Используйте [Pagination](https://vega-ui.dev/ru/components/pagination/), когда содержимое разбито на отдельные страницы.
- Используйте [PageControl](https://vega-ui.dev/ru/components/page-control/), когда интерфейсу нужны компактные индикаторы страниц или слайдов, а не полноценная пагинация.

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

- Статичная таблица или таблица для чтения: [Table](https://vega-ui.dev/ru/components/table/)
- Навигируемая интерактивная сетка: [DataGrid](https://vega-ui.dev/ru/components/data-grid/)
- Навигируемая сетка с выбором: [DataGridSelectable](https://vega-ui.dev/ru/components/data-grid-selectable/)
- Сетка в форме пикера: [DataGridPicker](https://vega-ui.dev/ru/components/data-grid-picker/)
- Полноценная постраничная навигация: [Pagination](https://vega-ui.dev/ru/components/pagination/)
- Компактный индикатор страниц или слайдов: [PageControl](https://vega-ui.dev/ru/components/page-control/)

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

- Не используйте [Table](https://vega-ui.dev/ru/components/table/), когда навигация по активной ячейке — часть UX.
- Не используйте [DataGrid](https://vega-ui.dev/ru/components/data-grid/), когда интерфейс только отображает статичные строки и столбцы.
- Не используйте [DataGridSelectable](https://vega-ui.dev/ru/components/data-grid-selectable/), когда на самом деле нужен стандартный слой пикера.
- Не используйте [DataGridPicker](https://vega-ui.dev/ru/components/data-grid-picker/) для общей навигации по данным, если интерфейс не должен восприниматься как выбор.
- Не используйте [PageControl](https://vega-ui.dev/ru/components/page-control/), когда пользователям нужны явные номера страниц или более широкие возможности навигации.

## С чего начать

- Таблицы и сводки только для чтения: [Table](https://vega-ui.dev/ru/components/table/)
- Расписания, планировщики или матрицы с управлением с клавиатуры: [DataGrid](https://vega-ui.dev/ru/components/data-grid/), [DataGridSelectable](https://vega-ui.dev/ru/components/data-grid-selectable/)
- Плотные сетки выбора: [DataGridPicker](https://vega-ui.dev/ru/components/data-grid-picker/)
- Списки, разбитые на страницы: [Pagination](https://vega-ui.dev/ru/components/pagination/)
- Карусели, шаги онбординга или индикаторы слайдов: [PageControl](https://vega-ui.dev/ru/components/page-control/)