jQuery data TreeTable plugin

A good solution of jQuery data TreeTable – display tree of data in a table.

jQuery data TreeTable solution

Treetable is a lightweight jQuery plugin, that makes easy to display a tree of data in HTML table. It’s a great thing for creating nested lists or a directory structures.

This plugin can also use jQuery UI’s Draggable and Droppable components for a solid Drag and Drop support. Among other features we can mention:

– it can display a tree of data in a table column and it does this as unobtrusively as possible

– it allows unlimited tree depth, render collapsed and expanded items

jQuery data TreeTable demo
jQuery data TreeTable demo


We can install the plugin using bower:

bower install jquery-treetable

The only required dependency is jQuery, however we can also install jQuery UI for Drag&Drop.

We can also handle the setup manually:

– include the files

<link href="jquery.treetable.css" rel="stylesheet" type="text/css" />
<script src="jquery.min.js"></script>
<script src="jquery.treetable.js"></script>

– call the plugin


There are a wide options of configuration.

Simple demo:



This plugin is released under both the MIT and the GPLv2.



Find jQuery data TreeTable on GitHub:


See also:

A nice, editable jQuery table plugin with Bootstrap

JavaScript Excel tables library

A nice and intuitive Bootstrap grid control – jQuery bootgrid

hColumns – jQuery Mac OS like finder