Data grid.
A tabular surface with interactive cells.
See it in context
| Task | Priority | Owner |
|---|---|---|
What it is
A data grid behaves like a small spreadsheet: users may select cells, edit values, or navigate within the grid using the keyboard. It needs deliberate focus management rather than a tab stop on every cell.
When to use it
Use for dense, task-oriented data editing.
Know the difference
A data grid is an interactive widget, whereas a normal table is a reading structure.
Across platforms
iPadOS · macOS
Use the native platform presentation and terminology; adapt density and interaction to touch, pointer, remote, or spatial input rather than copying a phone-sized view.
Web · Windows · Linux
Use semantic content structures on the web. Touch, pointer, and remote layouts need different target spacing even when the same information is shown.
Go to the source
Primary documentation for the pattern and its platform conventions.