在javascript中创建可排序树/网格[关闭]

这看起来不错: http://www.max-bazhenov.com/dev/ux.maximgb.treegrid/index.html

使用extjs,这有一些您必须考虑的许可限制。

我找到了所有这些组件:

• Coqsoft Treegrid 商业化,似乎是非加超!
• Ext JS 商业广告:
  • Column Tree 组件*
  • Nested Grid ,那就是 Grid Plugin with Row Expander 米哈伊尔修改
  • Ext.ux.maximgb.treegrid ,另一个mod,由max(由无眼睑提出的那个)
• JQTreeTable ,最小,需要jquery*
• Treetable ,jquery插件*
• dojo-treetable ,基于Dojo*
• Maxdesign ,这只是一个很好的CSS*

*似乎无法排序

就我个人而言,我正在努力 树梢 而且,经过一些配置(在文档页面的源代码中查找示例…)之后,我很享受它的简单性和清晰性。

经过对一棵树的长期研究,我发现最好的一棵是来自jeasyui.com。

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

这个 jstree jquery插件与其插件绑定 jstree-grid 可以处理排序(排序是 plugin to the main jstree )这是非常灵活的(并且重新使用您应用的jquery ui主题)。

这就是你要找的网格吗?你最终看到的景象非常像:

必须手动添加的按列排序,然后 trigger a re-sort .

这里还有一个“官方”示例(页面顶部的网格),使用RowExpanderUX。

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

DHTMLX还具有treegrid javascript组件(支持排序和其他与网格相关的功能): http://dhtmlx.com/docs/products/dhtmlxTreeGrid/

(免责声明:我为DHTMLX工作)

另一个支持引导的树。 http://maxazan.github.io/jquery-treegrid/examples/example-bootstrap-3.html