Bootstrap-Tree | lightweight Tree component , built for use | Frontend Framework library

I need to render an html template with flask. I have a dict in python and I want to show it in a treeview. How can I do it?

I found this resource: https://github.com/jonmiles/bootstrap-treeview that could be useful, but I can't use it.

I'm using bootstrap-treeview to display a tree-like view of my data. The initial and basic implementation is working but I need it to when I click the text value, i get redirected to the link.

The JS function that renders the tree is:

I'm new to Bootstrap-treeview (bootstrap-treeview.js v1.0.2). I'm trying to display the tree given in the docs, but it doesn't show up.

I've checked the 2 files, didn't spot the mistake.

html:

I'm new to tree-view, I'm trying to show a basic tree but it doesn't work and I don't know where I made the mistake.

I made test.html that follow the same structure of my basic.html (I'm sparing you code of the navbar, alerts, etc). I have other js functions in functions.js that work fine.

test.html:

Related SO question: npm - package.json override main field (I tried to do something like this using the webpack.mix.js but it didn't work).

I have a Laravel 5.5 application with npm v5.6.0 and node v9.4.0 (I'm thinking that this maybe is an npm/node version issue, but I don't have an environment to test with older versions ATM). Everything is working fine and I'm working this app for a while now and I've installed some node modules and used bootstrap.js and app.js to require/import npm modules, but it seems there is a problem with the bootstrap-treeview; I've spent more than 2 hours to try and make webpack compile with this module with no luck; I always get that error after npm run dev:

ERROR Failed to compile with 1 errors

This dependency was not found:

• bootstrap-treeview in ./resources/assets/js/bootstrap.js

I tried to use both require and import inside bootstrap.js and I have even tried an other available module webpack-bootstrap-treeview which it seems that it doesn't have bower dependency:

I'm stuck trying to kick out bootstrap treeview (https://github.com/jonmiles/bootstrap-treeview). I am new at this. I think I do everything right, but it does not work for me.

I think I put everything I needed to understand the problem.

Thanks for the help.

I have the following code taken from another question, but it does not work.

In ASP NET:

I am learning Bootstrap 4, js, etc.

I want to be able to expand a node automatically when the page loads for the first time. I tried altering the data-collapse but it goes back to collapsed mode. I also tried js, but it expands and automatically collapses again.

I have checked this post, but it does not apply to bootstrap 4 as there is no tree component.

This the code that is not working. Thanks.

HTML

I'm using the Bootstrap Treeview library to display some hierarchical data on a page. I'm trying to have each node of the tree broken down into a few columns but I can't seem to get the elements to do it properly.

If I try using span elements in the text property of the tree like this:

Alright, so this issue I'm having is a bit complicated but I'll try to be as clear as possible with what's happening here. First of all, I am using the latest Vue and Vue-Router in my application with webpack.

This is a single-file component named

CP.vue