Skip to contentQuick 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