jquery.fancytree

mar10
js Styles
jquery.fancytree JS library on GitHub jquery.fancytree JS library on npm Download jquery.fancytree JS library

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

Version 2.38.5 License MIT
jquery.fancytree has no homepage
jquery.fancytree JS library on GitHub
jquery.fancytree JS library on npm
Download jquery.fancytree JS library
Keywords
ajaxecosystem:jqueryjquery-pluginlazytabletabletreetreetreegrid

logo Fancytree

GitHub version npm jsDelivr StackOverflow: 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.

Demo

sample

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.