Come implementare dati databili multilivello gerarchici in javaScript?

Sto implementando datatable multi livello senza utilizzare alcun plugin o libreria. Voglio implementare basato su javaScript, JQuery o angular js. Ho controllato uno sotto i link,

Attraversa tutti i nodes di un albero oggetti JSON con JavaScript

tabella nidificata che usa ng-repeat

Ma la mia struttura JSON è diversa dal link precedente.

Devo visualizzare il mio JSON nell’interfaccia utente Struttura ad albero. Non livello di codice difficile in html. Tutti i livelli dovrebbero essere gestiti da javascript.

Ho implementato jsfiddle: http://jsfiddle.net/varunPes/0n9fmawb/40/

JSON STRUTTURA

[ { 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 } } } } } ] 

Uscita prevista inserisci la descrizione dell'immagine qui

Tu rispondi di valore per me. Grazie in anticipo.