How do I make bootstrap tree view collapse from parent to child?

Question

I've used Jon Miles's bootstrap tree view in my web application , but the parent is not collapsing to display the child. I'm sure I imported it correctly. What I'm trying to do is display parent and it collapses into different children. However, there's no collapse prompt to display children.

var listTree = [{
    text: "Parent 1",
    nodes: [{
        text: "Child 1",
        nodes: [{
            text: "Grandchild 1"
          },
          {
            text: "Grandchild 2"
          }
        ]
      },
      {
        text: "Child 2"
      }
    ]
  },
  {
    text: "Parent 2"
  },
  {
    text: "Parent 3"
  },
  {
    text: "Parent 4"
  },
  {
    text: "Parent 5"
  },
  {
    text: "Parent 6"
  },
  {
    text: "Parent 7"
  },
  {
    text: "Parent 8"
  },
  {
    text: "Parent 9"
  },
  {
    text: "Parent 10"
  },
  {
    text: "Parent 11"
  },
  {
    text: "Parent 12"
  },
  {
    text: "Parent 13"
  },
  {
    text: "Parent 14"
  },
  {
    text: "Parent 15"
  },
  {
    text: "Parent 16"
  }
];

$('#tree').treeview({
  data: listTree
});

user_10606400 · Answer

You can use collapseIcon and expandIcon to set icon for expanding and collapsing of nodes .

Demo Code :

var listTree = [{
    text: "Parent 1",
    nodes: [{
        text: "Child 1",
        nodes: [{
            text: "Grandchild 1"
          },
          {
            text: "Grandchild 2"
          }
        ]
      },
      {
        text: "Child 2"
      }
    ]
  },
  {
    text: "Parent 2"
  },
  {
    text: "Parent 3"
  },
  {
    text: "Parent 4"
  }
];

$('#tree').treeview({
  data: listTree,
  collapseIcon: 'fas fa-minus', //added icon for expand and collapse
  expandIcon: 'fas fa-plus'
});

How do I make bootstrap tree view collapse from parent to child?

1 Answers