Creating a sortable tree / grid in Javascript

I would like to create a tree structure from JSON, but with several columns that can be sorted. I saw many implementations of trees and nets, but never mixed.

Does anyone know of a plugin or feature for any Javascript toolkit that can do this, so I don't need to reinvent the wheel here?

+6
json javascript extjs treetable
source share
7 answers

This seems pretty nice: http://www.max-bazhenov.com/dev/ux.maximgb.treegrid/index.html

Uses ExtJS, which has some licensing restrictions that you should consider.

+7
source share

I found all of these components:

* seems not sortable

Personally, I try Treetable , and after some configurations (a jerk in the examples in the source of the documentation page ...) I enjoy my simplicity and clarity.

+5
source share

jstree plugin for jQuery related to its jstree-grid plugin can handle sorting (sorting is the plugin to the main jstree ), which is quite flexible (and reuses the jQuery UI theme that you apply).

Is this the type of mesh you're looking for? You end up being very similar: jstree-grid-with-sort-themerolled

Sort by column, which you must manually add, and then trigger a re-sort .

+1
source share

After a lot of research for treegrid, the best I've come across is from jeasyui.com

http://www.jeasyui.com/demo/main/index.php?plugin=TreeGrid

enter image description here

+1
source share

Here is also the β€œofficial” example (top grid on the page) using the RowExpander UX.

http://extjs.com/deploy/dev/examples/grid/grid3.html

0
source share

DHTMLX also has a TreeGrid JavaScript component (supports sorting and other network-related functions): http://dhtmlx.com/docs/products/dhtmlxTreeGrid/

(disclaimer: I work for DHTMLX)

0
source share
0
source share

All Articles