https://github.com/phphe/he-tree-react

React draggable sortable tree component.
https://github.com/phphe/he-tree-react

draggable-tree react-component react-draggable sortable-tree

Last synced: 6 days ago
JSON representation

React draggable sortable tree component.

• Host: GitHub
• URL: https://github.com/phphe/he-tree-react
• Owner: phphe
• License: mit
• Created: 2020-01-08T17:26:06.000Z (about 6 years ago)
• Default Branch: main
• Last Pushed: 2024-06-18T23:26:46.000Z (over 1 year ago)
• Last Synced: 2025-04-06T00:11:13.236Z (11 months ago)
• Topics: draggable-tree, react-component, react-draggable, sortable-tree
• Language: TypeScript
• Homepage: https://he-tree-react.phphe.com
• Size: 1010 KB
• Stars: 26
• Watchers: 1
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-components - he-tree-react - [demo](https://he-tree-react.phphe.com/v1/examples) - [docs](https://he-tree-react.phphe.com/) - Tree, customizable UI, flat data, tree data, drag-n-drop, placeholder for drop, foldable, checkbox, virtualized. (UI Components / Tree)
• fucking-awesome-react-components - he-tree-react - 🌎 [demo](he-tree-react.phphe.com/v1/examples) - 🌎 [docs](he-tree-react.phphe.com/) - Tree, customizable UI, flat data, tree data, drag-n-drop, placeholder for drop, foldable, checkbox, virtualized. (UI Components / Tree)
• awesome-react-components - he-tree-react - [demo](https://he-tree-react.phphe.com/v1/examples) - [docs](https://he-tree-react.phphe.com/) - Tree, customizable UI, flat data, tree data, drag-n-drop, placeholder for drop, foldable, checkbox, virtualized. (UI Components / Tree)

README

          


# he-tree-react ![GitHub License](https://img.shields.io/github/license/phphe/he-tree-react) ![NPM Version](https://img.shields.io/npm/v/he-tree-react) ![NPM Type Definitions](https://img.shields.io/npm/types/he-tree-react) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/he-tree-react)

React draggable sortable tree component. Support React 18, 19. [Document](https://he-tree-react.phphe.com) | [Demo](https://he-tree-react.phphe.com/v1/examples) | [Changelog](./CHANGELOG.md)

React 可拖拽树组件. 支持React 18, 19. [文档](https://he-tree-react.phphe.com/zh) | [演示](https://he-tree-react.phphe.com/zh/v1/examples) | [更新记录](./CHANGELOG.md)

## Features

- Drag with a customizable placeholder.

- The height of the node is not fixed.

- Based on HTML Drag and Drop API.

- Both flat data and tree-shaped data supported.

- Drag from external.

- Open or expand. Open node when drag onto it.

- Checked, semi-checked.

- Big data, virtual list.

- Examples for update data.

- rtl, display from right to left.

- MIT license. MIT开源许可。