https://github.com/mar10/fancytree

JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading
https://github.com/mar10/fancytree

checkboxes drag-and-drop fancytree javascript jquery-plugin persistence tree treegrid

Last synced: 3 days ago
JSON representation

JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading

• Host: GitHub
• URL: https://github.com/mar10/fancytree
• Owner: mar10
• License: other
• Created: 2013-02-16T20:22:14.000Z (about 12 years ago)
• Default Branch: master
• Last Pushed: 2025-01-04T10:52:12.000Z (about 2 months ago)
• Last Synced: 2025-02-11T12:05:32.812Z (10 days ago)
• Topics: checkboxes, drag-and-drop, fancytree, javascript, jquery-plugin, persistence, tree, treegrid
• Language: JavaScript
• Homepage: http://wwwendt.de/tech/fancytree/demo
• Size: 13.8 MB
• Stars: 2,870
• Watchers: 141
• Forks: 603
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: .github/CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.txt
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

• awesome-starred-test - mar10/fancytree - JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading (JavaScript)
• awesome-jquery - fancytree - Tree plugin for jQuery with support for persistence, keyboard, checkboxes, tables (grid), drag'n'drop, and lazy loading. (Folder Structure / Data Table)

README

        
# ![logo](doc/logo.png?raw=true) Fancytree

[![GitHub version](https://badge.fury.io/gh/mar10%2Ffancytree.svg)](https://github.com/mar10/fancytree/releases/latest)

[![npm](https://img.shields.io/npm/dm/jquery.fancytree.svg)](https://www.npmjs.com/package/jquery.fancytree)

[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/jquery.fancytree/badge)](https://www.jsdelivr.com/package/npm/jquery.fancytree)

[![StackOverflow: fancytree](https://img.shields.io/badge/StackOverflow-fancytree-blue.svg)](https://stackoverflow.com/questions/tagged/fancytree)

Fancytree is a JavaScript tree view / tree grid plugin with support for keyboard, inline editing,

filtering, checkboxes, drag'n'drop, and lazy loading.

### NOTE

Fancytree is considered feature-complete. 


The code is still maintained and bugfixes will be commited.

However do not expect new major features.

For a modernized and more capable alternative, **consider upgrading** to

[Wunderbaum](https://github.com/mar10/wunderbaum).

### Demo

[ ![sample](doc/teaser2.png?raw=true) ](https://wwWendt.de/tech/fancytree/demo "Live demo")

### Get Started

-   [Try the live demo](https://wwWendt.de/tech/fancytree/demo).

-   [Read the documentation](https://github.com/mar10/fancytree/wiki).

-   [Check the Q&A forum](https://github.com/mar10/fancytree/discussions) or

    [Stackoverflow](https://stackoverflow.com/questions/tagged/fancytree) if you have questions.

-   Play with [jsFiddle](http://jsfiddle.net/mar10/KcxRd/),

    [CodePen](https://codepen.io/mar10/pen/WMWrbq),

    or [Plunker](http://plnkr.co/edit/8sdy3r?p=preview).

-   [Contribute](https://github.com/mar10/fancytree/wiki/HowtoContribute)

### ES6 Quickstart

```js

import $ from "jquery";

import 'jquery.fancytree/dist/skin-lion/ui.fancytree.less';  // CSS or LESS

import {createTree} from 'jquery.fancytree';

import 'jquery.fancytree/dist/modules/jquery.fancytree.edit';

import 'jquery.fancytree/dist/modules/jquery.fancytree.filter';

const tree = createTree('#tree', {

  extensions: ['edit', 'filter'],

  source: {...},

  ...

});

// Note: Loading and initialization may be asynchronous, so the nodes may not be accessible yet.

```

See [module loader support](https://github.com/mar10/fancytree/wiki#use-a-module-loader) and

[API docs](https://wwWendt.de/tech/fancytree/doc/jsdoc/Fancytree_Static.html#createTree).

### Credits

Thanks to all [contributors](https://github.com/mar10/fancytree/contributors).