I need a data table grid that receive is data true JSON String, The below JSON data is to be use to create a data-table grid, and any open souce js framework could be usefor it as well e.g Dojo, jquery etc
{
"identifier": "id",
"label": "Region",
"items": [{
"region": "Nord",
"id": "0",
"type": "base",
"children": [{
"name": "Tom Smith",
"id": "1",
"children": [{
"id": "ED8D361566D231F9C1257516006E4677",
"unternehmen": "ADAM - Automatik",
"umsatzPlan": 10000.0,
"umsatzIst": 16543.36,
"umsatzPlanVor": 0.0,
"UmsatzistVor": 8671.0,
"verandPercent": 0.15326951,
"hochrechnungPercent": 99260.16,
"AbwPercent": 8.926016
}]
},
{
"name": "Bim Le",
"id": "2",
"children": [{
"id": "CF9AE66ED640329AC1257516006D6B0D",
"unternehmen": "Adidas AG",
"umsatzPlan": 0.0,
"umsatzIst": 0.0,
"umsatzPlanVor": 0.0,
"UmsatzistVor": 0.0,
"verandPercent": 0.0,
"hochrechnungPercent": 0.0,
"AbwPercent": 0.0
}]
},
{
"name": "Wolff Matthias",
"id": "3",
"children": [
]
}
]
},
{
"region": "Süd-West",
"id": "4",
"type": "base",
"children": [{
"name": "Administrator",
"id": "5",
"children": [{
"id": "E211C7D5916A0088C1257516006D9634",
"unternehmen": "ADAM Audio GmbH",
"umsatzPlan": 0.0,
"umsatzIst": 0.0,
"umsatzPlanVor": 0.0,
"UmsatzistVor": 0.0,
"verandPercent": 0.0,
"hochrechnungPercent": 0.0,
"AbwPercent": 0.0
},
{
"id": "CECD4B06277B39CBC1257516006D89A7",
"unternehmen": "Addison",
"umsatzPlan": 0.0,
"umsatzIst": 0.0,
"umsatzPlanVor": 0.0,
"UmsatzistVor": 0.0,
"verandPercent": 0.0,
"hochrechnungPercent": 0.0,
"AbwPercent": 0.0
}
]
}
]
},
{
"region": "(Not Categorized)",
"id": "7",
"type": "base",
"children": [{
"name": "Gerlach Christian",
"id": "8",
"children": [
]
},
{
"name": "Kiefer Klaus",
"id": "10",
"children": [{
"id": "C3CD2D0F37EFA6B9C1257516006DD327",
"unternehmen": "Advanced Building Bussystem Shkop-Kontrakt GmbH",
"umsatzPlan": 0.0,
"umsatzIst": 0.0,
"umsatzPlanVor": 0.0,
"UmsatzistVor": 0.0,
"verandPercent": 0.0,
"hochrechnungPercent": 0.0,
"AbwPercent": 0.0
}]
},
{
"name": "Kindlein Dominik",
"id": "11",
"children": [
]
},
{
"name": "Riedl Ewald",
"id": "14",
"children": [{
"id": "BEEA29FA7D3F0504C1257516006E225B",
"unternehmen": "adwerk GmbH",
"umsatzPlan": 0.0,
"umsatzIst": 0.0,
"umsatzPlanVor": 0.0,
"UmsatzistVor": 0.0,
"verandPercent": 0.0,
"hochrechnungPercent": 0.0,
"AbwPercent": 0.0
}]
}
]
}
]
}