Tree View

Bootstrap Treeview

Initialization no parameters
$('#tree1').treed();

  • TECH
    • Company Maintenance
    • Employees
      • Reports
        • Report1
        • Report2
        • Report3
      • Employee Maint.
    • Human Resources
  • XRP
    • Company Maintenance
    • Employees
      • Reports
        • Report1
        • Report2
        • Report3
      • Employee Maint.
    • Human Resources
  • Tree View One
    • Company Maintenance
    • Employees
      • Reports
        • Report1
        • Report2
        • Report3
      • Employee Maint.
    • Human Resources

Initialization optional parameters
$('#tree2').treed({openedClass : 'fa-folder-open', closedClass : 'fa-folder'});

  • TECH
    • Company Maintenance
    • Employees
      • Reports
        • Report1
        • Report2
        • Report3
      • Employee Maint.
    • Human Resources
  • XRP
    • Company Maintenance
    • Employees
      • Reports
        • Report1
        • Report2
        • Report3
      • Employee Maint.
    • Human Resources
  • Tree View Four
    • Company Maintenance
    • Employees
      • Reports
        • Report1
        • Report2
        • Report3
      • Employee Maint.
    • Human Resources

Initialization optional parameters
$('#tree3').treed({openedClass:'fas fa-minus', closedClass:'fas fa-plus'});

  • TECH
    • Company Maintenance
    • Employees
      • Reports
        • Report1
        • Report2
        • Report3
      • Employee Maint.
    • Human Resources
  • XRP
    • Company Maintenance
    • Employees
      • Reports
        • Report1
        • Report2
        • Report3
      • Employee Maint.
    • Human Resources
  • Tree View Five
    • Company Maintenance
    • Employees
      • Reports
        • Report1
        • Report2
        • Report3
      • Employee Maint.
    • Human Resources
HTML demo
  • Root node
    • Child node 1
    • Child node 2
Inline data demo
Data format demo
AJAX demo
Lazy loading demo
Callback function data demo
Interaction and events demo
either click the button or a node in the tree