← ui-lab

Reorder Columns

A data table whose columns can be rearranged from the keyboard. Focus a column header and use ArrowLeft/ArrowRight to move between headers; hold Alt and press ArrowLeft/ArrowRight to move the focused column one position — its header and every body cell beneath it move together.

Preview

NameSizeKind
Report.pdf2 MBPDF
Photo.jpg4 MBImage

Installation

npx shadcn@latest add https://ui.publictheta.com/r/reorder-columns.json

Conformance

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