Treeview
Bootstrap treeview
Default
Collapsed
Expanded
Custom Icons
Tags as Badges
Checkable Tree
Searchable Tree
Selectable Tree
Json Data
Treeview Official
Sample node
use jQuery('#jstree').jstree(); to element.
Selected node
use data-jstree='{"selected":true}' to selected node.
- Root Node
- Selected node
- Simple node
Different icon format
use data-jstree='{"icon":"icon-name"}' to selected node.
- Root Node
- file icon node
- custom icon node
- internet icon node
Disabled node
use data-jstree='{"disabled":true}' to selected node.
- Root Node
- disabled node
- simple node
JSON demo
Ajax demo
Callback function data demo
Interaction and events demo
either click the button or a node in the tree
Checkbox plugin
use "plugins":["checkbox"] to make checkbox jstree.
- Root node
- Child node 1
- Child node 2
Drag and drop plugin
use "plugins":["dnd"] to make checkbox jstree.
- Root node
- Child node 1
- Child node 2
- Root node 2