JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading
JavaScript CSS HTML CoffeeScript
Permalink
Failed to load latest commit information.
.github Update to recent jQuery patches and remove tests for jQuery Ui 1.9 May 12, 2018
3rd-party/extensions Use jquery.fancytree.ui-deps.js for demos May 20, 2018
bin/jsdoc3-moogle Merge branch 'master' of https://github.com/mar10/fancytree Sep 5, 2017
demo Use jquery.fancytree.ui-deps.js in demos Jul 7, 2018
dist Bump version to 2.29.1 Jun 27, 2018
doc Update to recent jQuery patches and remove tests for jQuery Ui 1.9 May 12, 2018
lib Update to jQuery 3.3.1 May 20, 2018
src Fix ReferenceError: jQuery is not defined at _simpleDeepMerge Jul 16, 2018
test Update triage templates Jul 2, 2018
.editorconfig Fix #712 When clicking in a scrolled tree for the first time, focus i… Aug 26, 2017
.eslintignore Prepare support for eslint and editorconfig May 1, 2017
.eslintrc.json Multi dnd5 (#834) Feb 4, 2018
.gitignore Update to recent jQuery patches and remove tests for jQuery Ui 1.9 May 12, 2018
.jshintrc AMW wrapper averywhera ans modules/ folder Oct 29, 2017
.project Add eclipse .project Feb 1, 2014
.travis.yml Add test timeouts and update node version Jan 14, 2018
CHANGELOG.md Fix ReferenceError: jQuery is not defined at _simpleDeepMerge Jul 16, 2018
Gruntfile.coffee Add version and build date to CSS Jun 30, 2018
LICENSE.txt 2018 Feb 5, 2018
README.md for better UX! (#858) May 20, 2018
bower.json Bump prerelease (2.29.2-0) [ci skip] Jun 27, 2018
index.html Build with new dist/modules/ folder Oct 29, 2017
package-lock.json Update some dependencies Jun 16, 2018
package.json Bump prerelease (2.29.2-0) [ci skip] Jun 27, 2018

README.md

logo Fancytree

GitHub version Build Status Selenium Test Status npm jsDelivr

Fancytree (sequel of DynaTree 1.x) is a JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading.

sample

Status

GitHub version See the change log for details.

Get Started

ES6 Quickstart

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 and API docs.

Credits

Thanks to all contributors.

Browser Status Matrix

Selenium Test Status