🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Fancytree is a JavaScript dynamic tree view plugin for jQuery with support for persistence, keyboard, checkboxes, tables, drag’n’drop, and lazy loading.

Plugins

Documentation

logo Fancytree

GitHub version Build Status Selenium Test Status npm jsDelivr code style: prettier StackOverflow: fancytree

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


You May Also Like