Best jQuery Treeview Plugins & Tutorials with Demo

    jQuery Datastore & TreeInTable Widgets

    jQuery Datastore & TreeInTable Widgets

    There are three widgets in this repository. One is “datastore” widget which let you retrieve json data and transform hierarchical data into an array. The second widget is “treeintable” widget that uses a datastore widget and embed a tree in one of table column. This widget supports Drag-and-Drop. The third widget is “Condition Editor” widget.

    Bootstrap Tree View : jQuery Plugin

    Bootstrap Tree View : jQuery Plugin

    A simple and elegant solution to displaying hierarchical tree structures (i.e. a Tree View) while leveraging the best that Twitter Bootstrap has to offer in jQuery.

    jQuery Tree Multiselect

    jQuery Tree Multiselect

    jQuery multiple select with nested options.This is a simple replacement for select elements if you have nested/sectioned options. Rather than ramble on some more, I’ll just show you the effect.

    jQuery Sortable Tree Lists

    jQuery Sortable Tree Lists

    jQuery plugin to sorting lists also the tree structures. Smooth motion while dragging and scrolling.

    directoryTree.js : jQuery Display filepaths Plugin

    directoryTree.js : jQuery Display filepaths Plugin

    jQuery Plugin for displaying an array of filepaths as a browsable, hierarchical directory (tree) structure. Plays nice with Bootstrap 3.

    Terms Tree Grid using jQuery

    Terms Tree Grid using jQuery

    A grid to display data in tree structure by using angular, bootstrap.

    jstree : jQuery Interactive Trees Plugin

    jstree : jQuery Interactive Trees Plugin

    jsTree is jquery plugin, that provides interactive trees.jsTree is easily extendable, themable and configurable, it supports HTML & JSON data sources, AJAX & async callback loading.

    • drag & drop support
    • keyboard navigation
    • inline edit, create and delete
    • tri-state checkboxes
    • fuzzy searching
    • customizable node types

    Treed : Powerful JavaScript Tree Editor

    Treed : Powerful JavaScript Tree Editor

    Treed wants to be for tree editing what ace is for text editing. Extensible, customizible, powerful, and just plain easy to use. Treed is constructed using the MVC pattern such that it is simple to, for example, create an entirely different view for the tree.

    Features:

    • VIM Inspired Keyboard Navigation
    • Extensible and Configurable
    • Unlimited Undo/Redo
    • Drag and Drop

    jQuery Bonsai : Super lightweight jQuery tree plugin

    jQuery Bonsai : Super lightweight jQuery tree plugin

    jquery-bonsai is a lightweight jQuery plugin that takes a big nested list and prunes it down to a small expandable tree control.

    Also includes support for checkboxes (including ‘indeterminate’ state) and for populating the tree using a JSON data source.

    dasBaum : jQuery Drag & Drop Treeview plugin

    dasBaum : jQuery Drag & Drop Treeview plugin

    A simple jquery ui widget supporting drag & drop, inline renaming, keyboard navigation, and other cool stuff.