View demo Buy Now Support Back
  • Back
  • html tree view
  • Laravel tree view
  • React tree view
  • Angular tree view

Tree View

  1. Html Tree View
Html folder Structure
  • Cuba
    • assets
      • ajax
        • api.txt
        • arrays.txt
        • object.txt
        • object_nested.txt
        • orthogonal.txt
        • post.php
        • server-processing.php
      • audio
        • horse.ogg
      • css
        • animate.css
        • aos.css
        • bootstrap.css
        • button-builder.css
        • calendar.css
        • chartist.css
        • color-1.css
        • color-2.css
        • color-3.css
        • color-4.css
        • color-5.css
        • color-6.css
        • datatable-extension.css
        • datatables.css
        • date-picker.css
        • daterange-picker.css
        • dropzone.css
        • feather-icon.css
        • flag-icon.css
        • fontawesome.css
        • icofont.css
        • image-cropper.css
        • ionic-icon.css
        • jsgrid.css
        • mapsjs-ui.css
        • material-design-icon.css
        • owlcarousel.css
        • page-builder.css
        • pe7-icon.css
        • photoswipe.css
        • print.css
        • prism.css
        • range-slider.css
        • rating.css
        • responsive.css
        • scrollable.css
        • select2.css
        • simple-line-icon.css
        • simple-mde.css
        • sticky.css
        • style.css
        • summernote.css
        • svg-icon.css
        • sweetalert2.css
        • themify.css
        • timepicker.css
        • todo.css
        • tour.css
        • tree.css
        • typicon-icon.css
        • vector-map.css
        • vertical-menu.css
        • whether-icon.css
      • fonts
        • calendar
        • feather
        • flag-icon
        • font-awesome
        • ico
        • ionic-icon
        • material-design-icon
        • pe7-icon
        • simple-line-icon
        • summernote
        • themify
        • typicon-icon
      • images
        • appointment
        • avtar
        • banner
        • big-lightgallry
        • big-masonry
        • blog
        • button_builder
        • calender
        • checkout
        • dashboard
        • dashboard-2
        • ecommerce
        • email
        • email-template
        • faq
        • job-search
        • landing
        • lightgallry
        • logo
        • masonry
        • notification
        • other-images
        • product
        • range-slider
        • sidebar-image
        • sidebar-pattern
        • slider
        • slider-auto-width
        • social-app
        • tree
        • user
        • user-card
        • welcome
        • color-picker.png
        • cuba-logo1.png
        • favicon.png
        • hour.svg
        • js-grid.png
        • min.svg
        • sec.svg
        • settings.png
        • smiley.png
        • sort_asc.png
        • sort_asc_disabled.png
        • sort_both.png
        • sort_desc.png
        • sort_desc_disabled.png
        • User.jpg
      • js
        • animation
          • animate-custom.js
          • aos
            • aos.js
            • aos-init.js
          • scroll-reveal
            • reveal-custom.js
            • scrollreveal.min.js
          • tilt
            • tilt.jquery.js
            • tilt-custom.js
          • wow
            • wow.min.js
            • wow-init.js
        • bookmark
          • custom.js
          • jquery.validate.min.js
        • bootstrap
          • bootstrap.js
          • popper.min.js
        • button-builder
          • clipboard.min.js
          • colorpicker.js
          • extend-1.0.js
          • generator.js
        • calendar
          • app.js
          • calendars.js
          • chance.min.js
          • inital.js
          • moment.min.js
          • schedules.js
          • tui-calendar.js
          • tui-code-snippet.min.js
          • tui-date-picker.min.js
          • tui-time-picker.min.js
        • chart
          • apex-chart
            • apex-chart.js
            • chart-custom.js
            • moment.min.js
            • stock-prices.js
          • chartist
            • chartist.js
            • chartist-custom.js
            • chartist-plugin-tooltip.js
          • chartjs
            • chart.custom.js
            • chart.min.js
          • flot-chart
            • excanvas.js
            • excanvas.min.js
            • flot-script.js
            • jquery.flot.canvas.js
            • jquery.flot.categories.js
            • jquery.flot.crosshair.js
            • jquery.flot.errorbars.js
            • jquery.flot.fillbetween.js
            • jquery.flot.image.js
            • jquery.flot.js
            • jquery.flot.navigate.js
            • jquery.flot.pie.js
            • jquery.flot.resize.js
            • jquery.flot.selection.js
            • jquery.flot.stack.js
            • jquery.flot.symbol.js
            • jquery.flot.threshold.js
            • jquery.flot.time.js
            • jquery.js
          • google
            • google-chart.js
            • google-chart-loader.js
          • knob
            • knob.min.js
            • knob-chart.js
          • morris-chart
            • morris.js
            • morris.min.js
            • morris-script.js
            • prettify.min.js
            • raphael.js
          • peity-chart
            • peity.jquery.js
            • peity-custom.js
          • sparkline
            • sparkline.js
            • sparkline-script.js
        • clipboard
          • clipboard.min.js
          • clipboard-script.js
        • contacts
          • custom.js
        • counter
          • counter-custom.js
          • jquery.counterup.min.js
          • jquery.waypoints.min.js
        • custom-card
          • custom-card.js
        • dashboard
          • dashboard_2.js
          • default.js
        • datatable
          • datatable-extension
            • buttons.bootstrap4.min.js
            • buttons.colVis.min.js
            • buttons.html5.min.js
            • buttons.print.min.js
            • custom.js
            • dataTables.autoFill.min.js
            • dataTables.bootstrap4.min.js
            • dataTables.buttons.min.js
            • dataTables.colReorder.min.js
            • dataTables.fixedHeader.min.js
            • dataTables.keyTable.min.js
            • dataTables.responsive.min.js
            • dataTables.rowReorder.min.js
            • dataTables.scroller.min.js
            • dataTables.select.min.js
            • jszip.min.js
            • pdfmake.min.js
            • responsive.bootstrap4.min.js
            • vfs_fonts.js
          • datatables
            • datatable.custom.js
            • jquery.dataTables.min.js
        • datepicker
          • date-picker
            • datepicker.custom.js
            • datepicker.en.js
            • datepicker.js
          • daterange-picker
            • daterangepicker.js
            • daterange-picker.custom.js
            • moment.min.js
          • date-time-picker
            • datetimepicker.custom.js
            • moment.min.js
            • tempusdominus-bootstrap-4.min.js
        • dragable
          • jquery-ui.min.js
          • sortable.js
          • sortable-custom.js
        • drilldown
          • dropdown-collapse-main.js
          • dropdown-coolapse-menu-aim.js
        • dropzone
          • dropzone.js
          • dropzone-scrip.js
          • dropzone-script.js
        • editor
          • ace-editor
            • ace.js
            • ace-custom.js
            • mode-css.js
            • mode-html.js
            • mode-javascript.js
            • mode-php.js
            • theme-monokai.js
            • worker-css.js
            • worker-html.js
            • worker-javascript.js
            • worker-php.js
          • ckeditor
            • adapters
              • jquery.js
            • build-config.js
            • ckeditor.custom.js
            • ckeditor.js
            • config.js
            • contents.css
            • lang
            • plugins
            • skins
            • styles.js
          • simple-mde
            • simplemde.custom.js
            • simplemde.min.js
          • summernote
            • summernote.custom.js
            • summernote.js
        • form-builder
          • form-builder-1
            • main-built.js
            • require.js
          • form-builder-2
            • beautifyhtml.js
            • form-builder-2.js
        • form-wizard
          • form-wizard.js
          • form-wizard-five.js
          • form-wizard-three.js
          • form-wizard-two.js
          • jquery.backstretch.min.js
        • icons
          • feather-icon
            • feather.min.js
            • feather-icon.js
            • feather-icon-clipart.js
          • flag-icon-clipart.js
          • icon-clipart.js
          • icons-notify.js
          • whether-icon-clipart.js
        • image-cropper
          • cropper.js
          • cropper-main.js
        • internationalization
          • language-picker.js
        • jarallax_libs
          • jarallax.js
          • libs.min.js
        • jsgrid
          • griddata.js
          • jsgrid.js
          • jsgrid.min.js
        • map-js
          • custom.js
          • download.png
          • mapsjs-core.js
          • mapsjs-mapevents.js
          • mapsjs-service.js
          • mapsjs-ui.js
        • notify
          • bootstrap-notify.min.js
          • index.js
          • notify-script.js
        • owlcarousel
          • owl.carousel.js
          • owl-custom.js
        • page-builder
          • ckeditor.js
          • config.js
          • jquery.grideditor.min.js
          • jquery.js
          • lang
          • page-builder-custom.js
          • skins
          • styles.js
        • photoswipe
          • photoswipe.js
          • photoswipe.min.js
          • photoswipe-ui-default.min.js
        • prism
          • prism.min.js
        • range-slider
          • ion.rangeSlider.min.js
          • rangeslider-script.js
        • rating
          • jquery.barrating.js
          • rating-script.js
        • scrollable
          • perfect-scrollbar.min.js
          • scrollable-custom.js
        • select2
          • select2.full.min.js
          • select2-custom.js
        • sticky
          • sticky.js
        • sweet-alert
          • app.js
          • sweetalert.min.js
        • task
          • custom.js
        • theme-customizer
          • customizer.js
        • timeline
          • timeline-v-1
            • main.js
          • timeline-v-2
            • jquery.timeliny.min.js
            • timeline-v-2-custom.js
        • time-picker
          • clockpicker.js
          • highlight.min.js
          • jquery-clockpicker.min.js
        • todo
          • todo.js
        • touchspin
          • input-groups.min.js
          • touchspin.js
          • vendors.min.js
        • tour
          • intro.js
          • intro-init.js
        • tree
          • jstree.min.js
          • tree.js
        • typeahead
          • data
          • handlebars.js
          • typeahead.bundle.js
          • typeahead.custom.js
        • vector-map
          • jquery-jvectormap-2.0.2.min.js
          • map
          • map-vector.js
        • button-tooltip-custom.js
        • chart-widget.js
        • comapct-menu.js
        • config.js
        • countdown.js
        • ecommerce.js
        • email-app.js
        • form-validation-custom.js
        • fullscreen.js
        • general-widget.js
        • height-equal.js
        • hide-on-scroll.js
        • isotope.pkgd.js
        • jquery.drilldown.js
        • jquery.ui.min.js
        • jquery-3.5.1.min.js
        • landing_sticky.js
        • login.js
        • masonry-gallery.js
        • megamenu.js
        • modal-animated.js
        • modernizr.js
        • popover-custom.js
        • print.js
        • product-list-custom.js
        • product-tab.js
        • radial-chart-tooltip.js
        • script.js
        • scrollpy_landing.js
        • sidebar-menu.js
        • support-ticket-custom.js
        • tooltip-init.js
      • json
        • datatable-extension
          • data.txt
        • airports.json
        • German.json
        • server-side.json
      • pug
        • components
          • bookmark.pug
          • document-changelog-sidebar.pug
          • document-header.pug
          • document-review-sidebar.pug
          • document-sidebar.pug
          • footer.pug
          • footer-files.pug
          • header.pug
          • header-files.pug
          • loader.pug
          • sidebar.pug
          • starter-kit-sidebar.pug
        • pages
          • document
            • change-log.pug
            • index.pug
            • review.pug
          • starter-kit
            • boxed.pug
            • footer-dark.pug
            • footer-fixed.pug
            • footer-light.pug
            • hide-on-scroll.pug
            • index.pug
            • layout-dark.pug
            • layout-rtl.pug
          • theme
            • according.pug
            • ace-code-editor.pug
            • add-post.pug
            • alert.pug
            • animate.pug
            • AOS.pug
            • avatars.pug
            • base-input.pug
            • basic-card.pug
            • basic-template.pug
            • blog.pug
            • blog-single.pug
            • bookmark.pug
            • bootstrap-basic-table.pug
            • bootstrap-border-table.pug
            • bootstrap-notify.pug
            • bootstrap-sizing-table.pug
            • bootstrap-styling-table.pug
            • box-layout.pug
            • box-shadow.pug
            • breadcrumb.pug
            • button-builder.pug
            • button-group.pug
            • buttons.pug
            • buttons-edge.pug
            • buttons-flat.pug
            • calendar-basic.pug
            • calendar-monthly.pug
            • calendar-weekly.pug
            • cart.pug
            • chart-apex.pug
            • chart-flot.pug
            • chart-google.pug
            • chartist.pug
            • chartjs.pug
            • chart-knob.pug
            • chart-morris.pug
            • chart-peity.pug
            • chart-sparkline.pug
            • chart-widget.pug
            • chat.pug
            • chat-video.pug
            • checkout.pug
            • ckeditor.pug
            • clipboard.pug
            • comingsoon.pug
            • comingsoon-bg-img.pug
            • comingsoon-bg-video.pug
            • contacts.pug
            • creative-card.pug
            • dashboard-02.pug
            • datatable-advance.pug
            • datatable-AJAX.pug
            • datatable-API.pug
            • datatable-basic-init.pug
            • datatable-data-source.pug
            • datatable-ext-autofill.pug
            • datatable-ext-basic-button.pug
            • datatable-ext-col-reorder.pug
            • datatable-ext-fixed-header.pug
            • datatable-ext-html-5-data-export.pug
            • datatable-ext-key-table.pug
            • datatable-ext-responsive.pug
            • datatable-ext-row-reorder.pug
            • datatable-ext-scroller.pug
            • datatable-plugin.pug
            • datatable-server-side.pug
            • datatable-styling.pug
            • datepicker.pug
            • daterangepicker.pug
            • datetimepicker.pug
            • default-form.pug
            • dragable-card.pug
            • dropdown.pug
            • dropzone.pug
            • ecommerce-templates.pug
            • edit-profile.pug
            • email-application.pug
            • email-compose.pug
            • email-header.pug
            • email-order-success.pug
            • error-400.pug
            • error-401.pug
            • error-403.pug
            • error-404.pug
            • error-500.pug
            • error-503.pug
            • faq.pug
            • feather-icon.pug
            • flag-icon.pug
            • font-awesome.pug
            • footer-dark.pug
            • footer-fixed.pug
            • footer-light.pug
            • forget-password.pug
            • form-builder-1.pug
            • form-builder-2.pug
            • form-validation.pug
            • form-wizard.pug
            • form-wizard-four.pug
            • form-wizard-three.pug
            • form-wizard-two.pug
            • gallery.pug
            • gallery-hover.pug
            • gallery-masonry.pug
            • gallery-with-description.pug
            • general-widget.pug
            • grid.pug
            • helper-classes.pug
            • hide-on-scroll.pug
            • ico-icon.pug
            • image-cropper.pug
            • index.pug
            • input-group.pug
            • internationalization.pug
            • invoice-template.pug
            • ionic-icon.pug
            • job-apply.pug
            • job-cards-view.pug
            • job-details.pug
            • job-list-view.pug
            • jsgrid-table.pug
            • knowledgebase.pug
            • landing-page.pug
            • layout-dark.pug
            • layout-light.pug
            • layout-rtl.pug
            • learning-detailed.pug
            • learning-list-view.pug
            • list.pug
            • list-products.pug
            • list-wish.pug
            • loader.pug
            • login.pug
            • login-image.pug
            • login-video.pug
            • maintenance.pug
            • map-js.pug
            • masonry-gallery-with-disc.pug
            • material-design-icon.pug
            • megaoptions.pug
            • modal.pug
            • modal-animated.pug
            • order-history.pug
            • owl-carousel.pug
            • pagebuild.pug
            • pagination.pug
            • payment-details.pug
            • pe7-icon.pug
            • popover.pug
            • pricing.pug
            • product.pug
            • product-page.pug
            • progress-bar.pug
            • radio-checkbox-control.pug
            • raised-button.pug
            • range-slider.pug
            • rating.pug
            • reset-password.pug
            • ribbons.pug
            • sample-page.pug
            • scrollable.pug
            • scroll-reval.pug
            • search.pug
            • search-images.pug
            • search-video.pug
            • select2.pug
            • signup.pug
            • signup-image.pug
            • signup-video.pug
            • simple-line-icon.pug
            • simple-MDE.pug
            • social-app.pug
            • state-color.pug
            • steps.pug
            • sticky.pug
            • summernote.pug
            • support-ticket.pug
            • sweet-alert2.pug
            • switch.pug
            • tabbed-card.pug
            • tab-bootstrap.pug
            • table-components.pug
            • tab-material.pug
            • tag-pills.pug
            • task.pug
            • template-email.pug
            • template-email-2.pug
            • themify-icon.pug
            • tilt.pug
            • timeline-small.pug
            • timeline-v-1.pug
            • timeline-v-2.pug
            • time-picker.pug
            • to-do.pug
            • tooltip.pug
            • touchspin.pug
            • tour.pug
            • tree.pug
            • typeahead.pug
            • typicons-icon.pug
            • typography.pug
            • unlock.pug
            • user-cards.pug
            • user-profile.pug
            • vector-map.pug
            • whether-icon.pug
            • wow.pug
      • scss
        • animate
        • aos
        • bootstrap
        • calender
        • chartist
        • data-table
        • datatable-extension
        • date-picker
        • daterange-picker
        • date-time-picker
        • dropzone
        • feather-icon
        • flag-icon
        • font-awesome
        • icoicon
        • image-cropper
        • ionic-icon
        • jsgrid
        • material-design-icon
        • owltheme
        • page-builder
        • pe7-icon
        • photoswipe
        • prism
        • range-slider
        • rating
        • scrollable
        • select2
        • simple-line-icon
        • simple-mde
        • sticky
        • summernote
        • svg-icon
        • sweetalert2-master
        • theme
        • themify
        • time-picker
        • todo
        • tour
        • tree
        • typicon-icon
        • vector-map
        • vertical-menu
        • whether-icon
        • animate.scss
        • aos.scss
        • bootstrap.scss
        • button-builder.scss
        • calendar.scss
        • chartist.scss
        • color-1.scss
        • color-2.scss
        • color-3.scss
        • color-4.scss
        • color-5.scss
        • color-6.scss
        • datatable-extension.scss
        • datatables.scss
        • date-picker.scss
        • daterange-picker.scss
        • dropzone.scss
        • feather-icon.scss
        • flag-icon.css
        • fontawesome.scss
        • icofont.scss
        • image-cropper.scss
        • ionic-icon.scss
        • jsgrid.scss
        • mapjs-ui.scss
        • material-design-icon.scss
        • owlcarousel.scss
        • page-builder.scss
        • pe7-icon.scss
        • photoswipe.scss
        • print.scss
        • prism.scss
        • range-slider.scss
        • rating.scss
        • responsive.scss
        • scrollable.scss
        • select2.scss
        • simple-line-icon.scss
        • simple-mde.scss
        • sticky.scss
        • style.scss
        • summernote.scss
        • svg-icon.scss
        • sweetalert2.scss
        • themify.scss
        • timepicker.scss
        • todo.scss
        • tour.scss
        • tree.scss
        • typicon-icon.scss
        • vector-map.scss
        • vertical-menu.scss
        • whether-icon.scss
      • video
        • auth-bg.mp4
    • document
      • calendar-advanced.html
      • change-log.html
      • index.html
      • landing-page.html
      • review.html
    • starter-kit
      • boxed.html
      • footer-dark.html
      • footer-fixed.html
      • footer-light.html
      • hide-on-scroll.html
      • index.html
      • layout-dark.html
      • layout-rtl.html
    • theme
      • according.html
      • ace-code-editor.html
      • add-post.html
      • alert.html
      • animate.html
      • AOS.html
      • avatars.html
      • base-input.html
      • basic-card.html
      • basic-template.html
      • blog.html
      • blog-single.html
      • bookmark.html
      • bootstrap-basic-table.html
      • bootstrap-border-table.html
      • bootstrap-notify.html
      • bootstrap-sizing-table.html
      • bootstrap-styling-table.html
      • box-layout.html
      • box-shadow.html
      • breadcrumb.html
      • button-builder.html
      • button-group.html
      • buttons.html
      • buttons-edge.html
      • buttons-flat.html
      • calendar-basic.html
      • calendar-monthly.html
      • calendar-weekly.html
      • cart.html
      • chart-apex.html
      • chart-flot.html
      • chart-google.html
      • chartist.html
      • chartjs.html
      • chart-knob.html
      • chart-morris.html
      • chart-peity.html
      • chart-sparkline.html
      • chart-widget.html
      • chat.html
      • chat-video.html
      • checkout.html
      • ckeditor.html
      • clipboard.html
      • comingsoon.html
      • comingsoon-bg-img.html
      • comingsoon-bg-video.html
      • contacts.html
      • creative-card.html
      • dashboard-02.html
      • datatable-advance.html
      • datatable-AJAX.html
      • datatable-API.html
      • datatable-basic-init.html
      • datatable-data-source.html
      • datatable-ext-autofill.html
      • datatable-ext-basic-button.html
      • datatable-ext-col-reorder.html
      • datatable-ext-fixed-header.html
      • datatable-ext-html-5-data-export.html
      • datatable-ext-key-table.html
      • datatable-ext-responsive.html
      • datatable-ext-row-reorder.html
      • datatable-ext-scroller.html
      • datatable-plugin.html
      • datatable-server-side.html
      • datatable-styling.html
      • datepicker.html
      • daterangepicker.html
      • datetimepicker.html
      • default-form.html
      • dragable-card.html
      • dropdown.html
      • dropzone.html
      • ecommerce-templates.html
      • edit-profile.html
      • email-application.html
      • email-compose.html
      • email-header.html
      • email-order-success.html
      • error-400.html
      • error-401.html
      • error-403.html
      • error-404.html
      • error-500.html
      • error-503.html
      • faq.html
      • feather-icon.html
      • flag-icon.html
      • font-awesome.html
      • footer-dark.html
      • footer-fixed.html
      • footer-light.html
      • forget-password.html
      • form-builder-1.html
      • form-builder-2.html
      • form-validation.html
      • form-wizard.html
      • form-wizard-four.html
      • form-wizard-three.html
      • form-wizard-two.html
      • gallery.html
      • gallery-hover.html
      • gallery-masonry.html
      • gallery-with-description.html
      • general-widget.html
      • grid.html
      • helper-classes.html
      • hide-on-scroll.html
      • ico-icon.html
      • image-cropper.html
      • index.html
      • input-group.html
      • internationalization.html
      • invoice-template.html
      • ionic-icon.html
      • job-apply.html
      • job-cards-view.html
      • job-details.html
      • job-list-view.html
      • jsgrid-table.html
      • knowledgebase.html
      • landing-page.html
      • layout-dark.html
      • layout-light.html
      • layout-rtl.html
      • learning-detailed.html
      • learning-list-view.html
      • list.html
      • list-products.html
      • list-wish.html
      • loader.html
      • login.html
      • login-image.html
      • login-video.html
      • maintenance.html
      • map-js.html
      • masonry-gallery-with-disc.html
      • material-design-icon.html
      • megaoptions.html
      • modal.html
      • modal-animated.html
      • order-history.html
      • owl-carousel.html
      • pagebuild.html
      • pagination.html
      • payment-details.html
      • pe7-icon.html
      • popover.html
      • pricing.html
      • product.html
      • product-page.html
      • progress-bar.html
      • radio-checkbox-control.html
      • raised-button.html
      • range-slider.html
      • rating.html
      • reset-password.html
      • ribbons.html
      • sample-page.html
      • scrollable.html
      • scroll-reval.html
      • search.html
      • search-images.html
      • search-video.html
      • select2.html
      • signup.html
      • signup-image.html
      • signup-video.html
      • simple-line-icon.html
      • simple-MDE.html
      • social-app.html
      • state-color.html
      • steps.html
      • sticky.html
      • summernote.html
      • support-ticket.html
      • sweet-alert2.html
      • switch.html
      • tabbed-card.html
      • tab-bootstrap.html
      • table-components.html
      • tab-material.html
      • tag-pills.html
      • task.html
      • template-email.html
      • template-email-2.html
      • themify-icon.html
      • tilt.html
      • timeline-small.html
      • timeline-v-1.html
      • timeline-v-2.html
      • time-picker.html
      • to-do.html
      • tooltip.html
      • touchspin.html
      • tour.html
      • tree.html
      • typeahead.html
      • typicons-icon.html
      • typography.html
      • unlock.html
      • user-cards.html
      • user-profile.html
      • vector-map.html
      • whether-icon.html
      • wow.html
  • gulpfile.js
  • package.json
  • package-lock.json

Copyright 2018 © Cuba All rights reserved.

Hand crafted & made with