# Shared drive tree grid with reparenting drag and drop and tri-state folder checkboxes

> Nested file storage browser on the ReUI DataGrid: a recursive folder tree with getSubRows and DataGridTableRowExpand depth indentation, file manager style tree drag and drop that reparents, dropping on a folder to go inside it and between rows to reorder, with an insertion line and a folder tint as the only feedback so no row moves for the length of a drag, the drop depth read off the pointer's horizontal travel, a closed folder reachable by a plain vertical drag and opened once it receives a row, and a carried folder taking its whole subtree, tri-state folder checkboxes that cascade to every…

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-4).

- Page, with a preview: https://shadcn.exchange/r/reui/data-grid-drag-drop-4
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/reui/data-grid-drag-drop-4-light-c93d06217319c0af.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-4

## Dependencies

- npm packages: `@dnd-kit/core`, `@dnd-kit/sortable`, `@tanstack/react-table`, `cn`, `date-fns`, `sonner`
- Registry items: `@reui/badge`, `@reui/data-grid`, `@reui/frame`, `@reui/icon-stack`, `avatar`, `button`, `@reui/data-grid-column-header`, `@reui/data-grid-scroll-area`, `@reui/data-grid-table`, `@reui/data-grid-table-dnd-rows`, `dropdown-menu`, `empty`