Skip to content
v2.5.0
English
Русский
Documentation

Data displays

Use this page when the UI is showing structured information and the first decision is whether the content is static, keyboard-navigable, selectable, picker-like, or paginated.

Quick Decision Rules

  • Use Table for semantic tabular content that is primarily read, not navigated cell by cell.
  • Use DataGrid for keyboard-aware cell navigation.
  • Use DataGridSelectable when grid navigation also needs selection behavior.
  • Use DataGridPicker when the grid should read like a picker surface rather than a general interaction matrix.
  • Use Pagination when content is split into discrete pages.
  • Use PageControl when the UI needs compact page or slide indicators rather than full pagination chrome.

By Interaction Model

Common Misclassifications

  • Do not use Table when active-cell navigation is part of the UX.
  • Do not use DataGrid when the UI is only displaying static rows and columns.
  • Do not use DataGridSelectable when the real need is a standard picker layer.
  • Do not use DataGridPicker for general data navigation when the UI should not read like a chooser.
  • Do not use PageControl when users need explicit page numbers or broader navigation affordances.

Start Here