A jQuery plugin that makes it easy to create a tree view for your tree-like data. It allows you to create a tree view on the fly for a tree of data-objects while leaving you in full control of where the data comes from.
npm install @vdt-jquery/jquery-datatreeview
`
Html and javascript:
`
`
This will generate a datatreeview with one child node selected, with checkboxes named 'tree-nodes'.
Styling
The datatreeview only provides basic styling in the provided style sheet jquery-datatreeview.style.css; you can use this as a template to create your own style. The various css classes the treeview uses are:
* .datatreeview is the original element and the main container of the datatreeview
* .datatreeview-list is any list of treeview nodes
* .datatreeview-node is a treeview node
* .datatreeview-node-collapsed is a treeview node in collapsed state
* .datatreeview-node-content is the content of a treeview node (the toggler, checkbox and label) excluding child nodes
* .datatreeview-toggler is the toggler to open/close child node lists
* .datatreeview-text is the node text label
* .datatreeview-field` is the input checkbox used to select/deselect nodes