Tree View

Bootstrap Treeview

Tree View

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:'fa-plus', closedClass:'fa-minus'});

  • 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