Treetable

Bootstrap 5 Treetable plugin

The Treetable component can render your data with a simple HTML. You simply create a HTML markup for your table nested within a div tag with a "treetable" class - you can customize your table later by adding data-mdb-attributes to the wrapper.

Note: Read the API tab to find all available options and advanced customization

Note: Currently, the plugin is only compatible with the basic MDB package imported in UMD format. More about import MDB formats.

Basic example

Create default Treetable by appending a table element into a div with a .treetable class and data-mdb-treetable-init attribute. Adding data-depth attribute to a row element indicates it is another nest. Each deeper nest's depth should be incremented by one.

Related resources