show-tree

1.0.9 • Public • Published

# show-tree

show-tree is an easy to use javascript library to show multi-level data structure. It comes with an interactive search facility.

Installing

Simple!

$ npm install --save show-tree

Demo

https://anas-aljabri.github.io/show-tree

Get Started!

Your data structure needs to have Id, name, and children..

let data = [{
            "Id": "Your Id here..",
            "Name": "Your title/text here..",
            "Children": [{
                "Id": "Your Id here..",
                "Name": "Your title/text here.."
            },
            {
                "Id": "Your Id here..",
                "Name": "Your title/text here.."
            }]
}]

You can show the tree by calling

showTree.start("your-container-div-id", data);
 
//  For customised options
let options = {
        "searchDebounceTime": 0, //  value in milliseconds
        "searchPlaceHolder": "search..",
        "showSearch": true
    }
showTree.start("your-container-div-id", data);

License

MIT

Package Sidebar

Install

npm i show-tree

Weekly Downloads

1

Version

1.0.9

License

MIT

Unpacked Size

14 kB

Total Files

3

Last publish

Collaborators

  • aljabri