Basic

Contextual

Drag & Drop

Checkbox

  • Uses Instruction

  • jsTree is delivered primarily via npm. npm i jstree
  • Add the following line into the <head> of each template or page that you want to use jstree on.
    
    <!-- jsTree CSS -->
    <link rel="stylesheet" href="./../assets/vendors/jstree/themes/default/style.min.css">
    
  • Add the following lines before the <body> of each template or page that you want to use jstree on.
    
    <!-- jsTree JS -->
    <script src="./../assets/vendors/jstree/jstree.min.js"></script>
    
    <!-- jsTree Initialize JS -->
    <script src="./../assets/js/components/extended/jstree-init.min.js"></script>
    
  • For full documentation please visit the link: https://www.jstree.com/