TreeView Samples - InkJS

A TreeView is built with "node"s and "children". "node"s are <li> tags, and "children" are <ul> tags.

You can build your TreeView out of a regular UL and LI element structure which you already use to display lists with several levels.

If you want a node (LI) to be open when the TreeView is built, just add the data-open="true" attribute to it.

• root
  • child 1
  • child 2
    • grandchild 2a
    • grandchild 2b
      • grandgrandchild 1bA
      • grandgrandchild 1bB
  • child 3

By using the children and node options, you can choose what is a "node" and what is a "children". This way you are not limited to using uls and lis