# Routing rules data grid with drag-to-reorder priority and per-row enable switches

> First-match-wins rule list where dragging a row sets precedence. Drag-drop rows, per-row Switch toggles, menu to move top/bottom or delete, reset, empty state. ReUI DataGrid, Badge; shadcn Card, DropdownMenu. For automations, routing config, rules.

A paid shadcn/ui block sold by the [@reui](https://reui.io/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/reui/data-grid-drag-drop-2).

- Page, with a preview: https://shadcn.exchange/r/reui/data-grid-drag-drop-2
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/reui/data-grid-drag-drop-2-light-392076fee4550837.png
- Listed: 2026-10-13

## Buy and install

@reui sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/reui/data-grid-drag-drop-2

## Dependencies

- npm packages: `@dnd-kit/core`, `@dnd-kit/sortable`, `@tanstack/react-table`, `cn`
- Registry items: `@reui/badge`, `@reui/data-grid`, `@reui/icon-stack`, `button`, `card`, `@reui/data-grid-scroll-area`, `@reui/data-grid-table-dnd-rows`, `dropdown-menu`, `empty`, `item`, `switch`