Treeview support for bootstrap 5

[williamjmorenor]

Before opening:

• Search for duplicate or closed issues

Did not find any relevant issue.

• Read the contributing guidelines

Done

Feature requests must include:

• As much detail as possible for what we should add and why it's important to Bootstrap

A treeview allows you to naturally display a parent-child hierarchy with multiple levels of nesting to the user, I have been looking for oficial Bootstrap support in the docs but di not find a match for the up comming 5 mayor release.

Reviewing in forums and other resources I find that normally to implement this feature should resort to third-party libraries that do not always fit well with the features and functionality provided by bootstrap, so I want to ask if native support for tree views can be added to Bootstrap 5.

The tree view is supported in most desktop application development tools:

• .Net: https://docs.microsoft.com/es-es/dotnet/api/system.windows.forms.treeview?view=net-5.0
• QT: https://doc.qt.io/qt-5/qtreeview.html
• GTK: https://developer.gnome.org/gtk3/stable/GtkTreeView.html
• https://docs.oracle.com/javase/tutorial/uiswing/components/tree.html

With most apps moving from desktop to Browser will be a great improvement to support this feature to support people looking for move a dektop feature to the web in a easy path.

Also many projects requires JQuery that is now not required for bootstrap

• Relevant links to prior art, screenshots, or live demos whenever possible

This demo from the Patterfly Project is bassed on Bootstrap3: https://www.patternfly.org/v3/components/patternfly/dist/tests/bootstrap-treeview.html

This is the current implementation off patternfly that no requires bootstrap: https://www.patternfly.org/v4/components/tree-view/#treeview

This is a third party implementation on top of bootstrap: https://github.com/jonmiles/bootstrap-treeview

Some screenshotps:

[mdo]

Closing as a won’t implement. You could build this with our accordion component, but we won’t be providing it. Thanks though!

[Orgoth]

Thank you for the feedback and justification.

But unfortunately the Accordion component did not stand the test.
In order to be able to map the behavior of a tree view, considerable adjustments have to be made.

With the current Accordion component, it is not possible to click/tap on an item without the submenu opening or closing.
Or that the submenu only opens when the arrow/icon is clicked/tapped.

In the end, it will come back to using the "list-group" component with significant customization, or buying it from mdb for a yearly recurring price. 👎

https://mdbootstrap.com/docs/standard/plugins/tree-view/

It would probably still please some users if it were included.
Have a nice day.