Best jQuery Treeview Plugins & Tutorials with Demo

Hierarchy view component with pure CSS

Hierarchy view component with pure CSS

Zviad Sichinava writes his very first tutorial where he shows how to build a component that displays relational data with HTML/CSS only.

Easy-Tree.js : jQuery Bootstrap Tree View Plugin

Easy-Tree.js : jQuery Bootstrap Tree View Plugin

A plugin base on jquery and bootstrap 3, can convert an un-order list to a tree easily. The tree that selectable, addable, editable and deletable.

Almightree : jQuery Large Nested Lists Plugin

Almightree : jQuery Large Nested Lists Plugin

A jQuery plugin which makes large nested lists easier to navigate.

jQuery File Tree : AJAX File Browser plugin

jQuery File Tree : AJAX File Browser plugin

jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. Continuation of unmaintained jQuery File Tree (v1.01) (12 April 2008).

Features:

  • Produces valid, semantic XHTML
  • Fully customizable via CSS
  • Ability to style icons based on file extension
  • Uses AJAX to fetch file information on the fly
  • Easy to configure and implement
  • Includes connector scripts for PHP and ASP.NET (C#)
  • Supports custom connector scripts for extended functionality
  • Customizable expand/collapse event
  • Customizable expand/collapse speeds

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.



Best jQuery websites design awards