5 Best Tree Table Plugins In JavaScript
Ever wanted to implement a tree structure on your HTML table to present your hierarchical tabular data in a convenient way?
Here is a list of the 5 best jQuery and Vanilla JavaScript Tree Table plugins that make HTML table rows collapsible and expandable just like a hierarchical tree. Feel free to download and use them in your next project.
Originally Published Nov 25 2020, updated Oct 26 2021
1. Create Tree Structure In HTML Table - simple-tree-table
A simple tree table plugin with jQuery to create a tree structure in your HTML table that enables you to collapse & expand nested table rows with minus and plus buttons.
2. Minimal Tree Table jQuery Plugin For Bootstrap - TreeTable
A lightweight jQuery plugin for Bootstrap that allows the user to expand and collapse hierarchical tables rows when needed.
3. Create A CRUD Tree Table With jQuery And Bootstrap - edittreetable
edittreetable is a jQuery plugin used for rendering a hierarchical CRUD tree table from JSON objects using Bootstrap styles.
4. jQuery Plugin For Displaying A Tree Of Data In A Table - treetable
treetable is a lightweight jquery plugin that allows you to display a tree of data in an HTML table that's good for creating a directory structure or a nested list.
5. Accessible Expandable Tree Table In JavaScript
An accessible expandable HTML enhancement script that allows the user to toggle (expand/collapse) table rows just like a tree structure.
More Resources:
Want more jQuery plugins or JavaScript libraries to implement Spilt View on your web app? Check out the Tree Table and JavaScript Tree Table sections.
See Also:
- Best Table Pagination Plugins
- Best Data Table/Grid Systems In JavaScript
- Best Responsive Table Plugins In JavaScript And CSS
- Best JavaScript Plugins To Sort Table By Columns
- Best Table Filtering Plugin In JavaScript
- Best Table Export Plugins In JavaScript
- Best JavaScript Plugins For Sticky Table Header