jQuery jstree - Dynamic DataTree

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

Right Sidebar Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce volutpat ac tortor eu viverra. Etiam ipsum neque, fermentum quis sagittis nec, hendrerit id diam. Mauris a tincidunt odio. Sed porttitor ex pulvinar, tristique sapien sed, malesuada nunc.