react-js-data-tree-01

React Js Data Tree

use this to create your own tree in your browser.

npm install react-js-data-tree-01

Requirements

let data = {
  "id": "0001",
  "type": "data tree",
  "name": "user",
  "child Data": {
    "array": [
      { "id": "1", "type": "new" },
      { "id": "2", "type": "new 1" },
      { "id": "3", "type": "new 2" },
      { "id": "4", "type": "new 3" }
    ]
  },
  "else arr": [
    { "id": "10001", "type": "None" },
    { "id": "10002", "type": "asdf" },
    { "id": "10005", "type": "adsfd" },
    { "id": "10007", "type": "ads" },
    { "id": "10006", "type": "d gdg " },
    { "id": "10003", "type": "d fdsf ds" },
    { "id": "10004", "type": "aaa" }
  ]
}

<Tree data={data} />

extra props

<Tree data={data} heading="Tree Heading" />

heading Use : show table Heading

treeStyle use : style the main tree div or box

boxStyle use : style tha square box

extra props : treeStyle, boxStyle, heading