5 Best Tree Table Plugins In JavaScript

by jQueryScript,

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.

1. 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.

jQuery Plugin For Displaying A Tree Of Data In A Table - treetable

[Demo] [Download]


2. 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.

Create A CRUD Tree Table With jQuery And Bootstrap - edittreetable

[Demo] [Download]


3. 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.

Create Tree Structure In HTML Table - simple-tree-table

[Demo] [Download]


4. 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.

Accessible Expandable Tree Table In JavaScript

[Demo] [Download]


5. Treeview Style Hierarchical Table with jQuery and D3.js - Treetable

Treetable is a jQuery plugin used to visualize your hierarchical table rows into a collapsible tree graph using d3.js JavaScript library.

Treeview Style Hierarchical Table with jQuery and D3.js - Treetable

[Demo] [Download]


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: