jQuery jstree - Dynamic DataTree

jsTree is jquery plugin, that provides interactive trees. It is absolutely free, open source and distributed under the MIT license. It is easily extendable, themable and configurable, it supports HTML & JSON data sources, AJAX & async callback loading.

jsTree functions properly in either box-model (content-box or border-box), can be loaded as an AMD module, and has a built in mobile theme for responsive design, that can easily be customized. It uses jQuery's event system, so binding callbacks on various events in the tree is familiar and easy.

Default jsTree

  • Node 1
  • Folder 1
    • Node 2.1
    • Node 2.2

Checkbox jsTree

  • Node 1
  • Folder 1
    • Node 2.1
    • Node 2.2

jsTree with context menu

  • Node 1
  • Folder 1
    • Node 2.1
    • Node 2.2
  • Node 3
  • Node 4
  • Folder 2
    • Node 5.1
    • Node 5.2

jsTree Drag & drop

  • Node 1
  • Folder 1
    • Node 2.1
    • Node 2.2
  • Node 3
  • Folder 2
    • Node 2.1
    • Node 2.2
  • Folder 3
    • Node 2.1
    • Node 2.2

jsTree Wholerow

  • Node 1
  • Folder 1
    • Node 2.1
    • Node 2.2

jsTree Types

  • Node 1
  • Folder 1
    • Node 2.1
    • Node 2.2

jsTree Search

  • Node 1
  • Folder 1
    • Node 2.1
    • Node 2.2
  • Node 3
  • Folder 2
    • Node 2.1
    • Node 2.2
  • Folder 3
    • Node 2.1
    • Node 2.2