Skip to main content

Best jQuery Treeview plugins with Demo

A treeview is tree structure in HTML that presents a hierarchical view of information with expandable and collapsible features. You can easily create your own treeview structure using JavaScript but it takes time to develop and test it. The jQuery Treeview plugins are fully tested and lightweight, which easily convert an ordered list into an expandable and collapsible tree structure. Here in this article, I have listed 6 best jQuery treeview plugins with demo to use in your web projects.

1. jsTree

jQuery Treeview plugins

This is the best jQuery treeview plugin to create treeview structure. The plugin uses HTML & JSON data sources and AJAX loading. It has drag and drop feature to move items and sub items in created tree structure. It also features inline create, edit and delete tree node.

Visit Website     Demo

2. jqTree

jQuery Treeview plugins

JqTree is a lightweight jQuery widget for displaying a tree structure in html. It supports json data, loading via ajax and drag-and-drop.

Visit Website     Demo

3. jQuery Bonsai

jQuery Treeview plugins

jQuery Bonsai is a lightweight jQuery plugin that takes a big nested list and prunes it down to a small expandable tree control. It also support for checkboxes, radio buttons and for populating the tree using a JSON data source.

Visit Website     Demo

4. Nestable Tree

jQuery Treeview plugins

Nestable is a jQuery plugin that helps to create drag & drop hierarchical list with mouse and touch compatibility.

Visit Website     Demo

5. jQuery Tree Multiselect

jQuery Treeview plugins

This is a jQuery plugin that has multiple select with nested options. It is a simple replacement for select elements if the users have nested/sectioned options.

Visit Website     Demo

6. Fancytree

jQuery Treeview plugins

This is a treeview plugin for jQuery with support for persistence, keyboard, checkboxes, tables (grid), drag’n’drop, and lazy loading.

Visit Website     Demo