Skip to main content
Urbicon UI

Column Reorder

Drag-and-drop column reordering with keyboard support.

Enable enableColumnReorder to let users drag column headers into a new order. Also supports keyboard reorder via Shift+Arrow Left/Right.

Drag-and-Drop Column Reorder

Drag headers to rearrange columns. Uses the shared createDraggable utility (zero dependencies).
Name
Role
Department
Location
Emma Wilson
Staff Engineer
Platform
Berlin
Liam Chen
Product Designer
Design
Hamburg
Sofia Martinez
Engineering Manager
Platform
Munich
James Park
Frontend Developer
Product
Remote
Aisha Patel
Data Scientist
Data
Berlin
<Table
  {items}
  {columns}
  enableColumnReorder={true}
/>