Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 4 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 (almost 5 years ago)
Default Branch: main
Last Pushed: 2024-06-18T23:26:46.000Z (5 months ago)
Last Synced: 2024-10-02T07:49:44.386Z (about 2 months ago)
Topics: draggable-tree, react-component, react-draggable, sortable-tree
Language: TypeScript
Homepage: https://he-tree-react.phphe.com
Size: 1010 KB
Stars: 17
Watchers: 2
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)

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. [Document](https://he-tree-react.phphe.com), [demo](https://he-tree-react.phphe.com/v1/examples).

React 可拖拽树组件. [文档](https://he-tree-react.phphe.com/zh), [演示](https://he-tree-react.phphe.com/zh/v1/examples).

## 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.

## Changelog

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