Data Grid

A data grid with two-dimensional keyboard navigation: a single roving tabindex moves cell-to-cell with the arrow keys across the header and data rows, Home/End jump within a row, and Ctrl/Cmd+Home/End to the grid corners.

Preview

Name

Size

Kind

Report.pdf

2 MB

PDF

Photo.jpg

4 MB

Image

Notes.txt

1 KB

Text

Movie.mp4

20 MB

Video

Installation

npx shadcn@latest add https://ui.publictheta.com/r/data-grid.json

Conformance

This component conforms to the @publictheta/ui-spec data-grid specification. Run the suite against any implementation with pnpm conformance.