如何在javaScript中实现分层多级数据表？

我正在实现多级数据表而不使用任何插件或库。 我想基于javaScript，JQuery或angular js实现。 我在下面查了一个链接，

使用JavaScript遍历JSON对象树的所有节点

使用ng-repeat的嵌套表

但我的json结构与上面的链接不同。

我需要在Tree Structure UI中显示我的JSON。 我没有硬编码级别的HTML。 所有级别都应该通过javascript处理。

我已经实现了jsfiddle： http ： //jsfiddle.net/varunPes/0n9fmawb/40/

JSON结构

[ { Home:{ "checkbox_view":true, "checkbox_edit":false, "checkbox_delete":true } }, { "watchColorWorld":{ "local":{ "app-local-black":{ "checkbox_view":true, "checkbox_edit":true, "checkbox_delete":true } }, "global":{ "app-global-red":{ "checkbox_view":true, "checkbox_edit":true, "checkbox_delete":true } }, "world":{ "app-world-green":{ "checkbox_view":true, "checkbox_edit":true, "checkbox_delete":true } } } }, { "systemMgmt":{ "checkbox_view":true, "checkbox_edit":true, "checkbox_delete":true } }, { "rules":{ "Rule1":{ "rule2":{ "rule3":{ "checkbox_view":true, "checkbox_edit":true, "checkbox_delete":true } } } } } ] 

已达到的产出

你回答对我很有价值。 提前致谢。