Best jQuery Treeview Plugins & Tutorials with Demo

Gijgo : Free Javascript Controls

Gijgo : Free Javascript Controls

Gijgo is a set of free open source javascript controls distributed under MIT License. All widgets are high performance, built on top of the jQuery JavaScript Library and with built-in support for Bootstrap and Material Design. They are designed to saves you time and scales with your development process.

Drop Down Tree : jQuery Combo Box Tree View with Autocomplete

Drop Down Tree : jQuery Combo Box Tree View with Autocomplete

Drop Down Tree is an easy-to-use jQuery plugin for classifying transmitted data. The plugin displays a combo, which embeds a collapsible tree drawn by the transmitted data. The plugin has features of dynamic search and filter. The appearance is easy customizable using CSS. Drop Down Tree plugin is developed using only JavaScript.

Features:

  • Collapsible tree view: feature of collapse/expand tree elements
  • Autocomplete, filter and search works correctly under all browsers including Edge, old and new versions of Safari, Opera, Internet Explorer, etc.
  • Appearance is easy customizable using CSS and responsive design.
  • Returns the id of the selected item instead of text.

SmartTree : jQuery Viewing area Load Tree plugin

SmartTree : jQuery Viewing area Load Tree plugin

Support the visual area to load the tree components to ensure that the case of large data in the case of rapid loading and smooth operation. Using zTree code organization, the interface name is the same as zTree. In the zTree based on the increase in search and filtering. Function to be further improved, I hope you put forward valuable advice, must be in the first time to modify.

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.



Best jQuery websites design awards