Bstreeview screenshot

Bstreeview

Author Avatar Theme by Chniter
Updated: 3 May 2021
370 Stars

Bootstrap Treeview, A very simple plugin to build a basic and elegant Treeview with bootstrap 4. See the demo:

Overview:

Bootstrap 4 Tree View is a simple plugin designed to create a basic and elegant tree view using Bootstrap 4 framework. It allows users to build a hierarchical structure with ease.

Features:

  • Simple Tree View: Easily create a tree view with Bootstrap 4.
  • Dependencies: Tested against Bootstrap v4.4.1 and jQuery v3.4.1.
  • Customization Options: Customize the tree nodes with icons, href attributes, classes, and more.
  • Easy Installation: Can be installed using npm or downloaded manually.
  • Data Structure: Define the hierarchical structure with a nested array of JavaScript objects.
  • Expand/Collapse Icons: Customize expand and collapse icons for nodes.
  • Open Node Links in New Tab: Option to open node links in a new browser tab.

Installation:

To install Bootstrap 4 Tree View, follow these steps:

  1. Install using npm:
    npm install bootstrap4-treeview
    
  2. Alternatively, download the package manually and include the necessary resources for the tree view to function correctly.

Summary:

Bootstrap 4 Tree View is a lightweight and customizable plugin for creating tree views in web applications. With support for Bootstrap 4 and jQuery, it offers easy installation and various options for customizing the tree structure. The plugin provides flexibility in defining the data structure and styling the tree nodes according to the user’s requirements.