10 Best Tree Table Plugins In JavaScript (2026 Update)

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 10 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 Jan 10 2026

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

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.

[Demo] [Download]

---

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

[Demo] [Download]

---

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

[Demo] [Download]

---

4. Convert Hierarchical Data Into A Tree Table View - tree-table.js

A small and simple jQuery plugin that converts hierarchical data defined in an array of objects into a collapsible/expandable tree table view with tree lines through on the rows.

[Demo] [Download]

---

5. Convert JSON Into Collapsible Tree Table

A small and easy-to-use jQuery JSON To Table tool that transforms valid complex JSON data into a tree table on the client side.

[Demo] [Download]

---

6. Tiny jQuery Tree Table Plugin with Virtual Scrolling

A lightweight virtual scrolling tree table jQuery plugin that enables you to display hierarchical data structures with unlimited nesting levels.

Features:

• Unlimited nesting levels: Support for deeply nested tree structures without performance limitations.
• Virtual scrolling: Renders only visible rows to maintain performance with large datasets.
• Level-based checkboxes: Cascading selection behavior with parent-child relationship awareness.
• Expand/collapse controls: Interactive tree navigation with smooth animations.
• Data reloading: Dynamic content updates without full component reinitialization.
• Pure CSS icons: Lightweight visual indicators without external icon dependencies.
• Responsive layout: Adaptive design that works across different screen sizes.
• Custom column support: Flexible column configuration with template functions.
• Event callbacks: Comprehensive event system for interaction handling.
• Streaming loading: Progressive data loading for improved initial render performance.

[Demo] [Download]

---

7. Nested Tree Table Plugin For jQuery - cctt.js

A simple, lightweight, nested tree table plugin for jQuery that allows the users to collapse and expand hierarchical rows in your html table.

[Demo] [Download]

---

8. Collapsible Data Grid Plugin With jQuery - Treegrid

A jQuery plugin which converts a standard Html table into a collapsible data grid like the tree structure.

[Demo] [Download]

---

9. Dynamic Tree Table Plugin With jQuery - QiangTableTree

A jQuery plugin which helps you render a configurable, collapsible tree table from dynamic data sets you define in the JavaScript.

[Demo] [Download]

---

10. Create Collapsible Searchable Tree Tables with BootstrapTreeTable Plugin

a vanilla JavaScript plugin that creates collapsible, multi-level tables styled with the Bootstrap 5 framework.

It adds controls to your HTML tables that allow you to expand and collapse nested rows, search the content, and toggle all branches at once.

Features:

• Unlimited hierarchy levels using CSS class-based structure (level-0, level-1, etc.)
• Collapsible row functionality with toggle buttons
• Global expand/collapse all control in table header
• Live search with match highlighting and customizable search depth
• Multi-instance support for multiple tables per page
• Full i18n support with customizable text labels
• Extensive styling customization through CSS classes
• Font Awesome icon integration for visual indicators

[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:

• 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