JSFiddle - React, Tailwind, and code Playground
by Arvind Pal
JavaScript
let flatArr =[
{
"Parent_ID": 0,
"ID": 1,
"index": 0
},
{
"Parent_ID": 0,
"ID": 2,
"index": 1
},
{
"Parent_ID": 0,
"ID": 3,
"index": 2
},
{
"Parent_ID": 3,
"ID": 4,
"index": 3
},
{
"Parent_ID": 0,
"ID": 5,
"index": 4
},
{
"Parent_ID": 5,
"ID": 6,
"index": 5
},
{
"Parent_ID": 0,
"ID": 7,
"index": 6
},
{
"Parent_ID": 7,
"ID": 8,
"index": 7
},
{
"Parent_ID": 8,
"ID": 9,
"index": 8
},
{
"Parent_ID": 8,
"ID": 10,
"index": 9
},
{
"Parent_ID": 10,
"ID": 11,
"index": 10
},
{
"Parent_ID": 10,
"ID": 12,
"index": 11
},
{
"Parent_ID": 7,
"ID": 13,
"index": 12
},
{
"Parent_ID": 0,
"ID": 14,
"index": 13
},
{
"Parent_ID": 0,
"ID": 15,
"index": 14
},
{
"Parent_ID": 15,
"ID": 16,
"index": 15
},
{
"Parent_ID": 0,
"ID": 17,
"index": 16
},
{
"Parent_ID": 17,
"ID": 18,
"index": 17
},
{
"Parent_ID": 0,
"ID": 19,
"index": 18
},
{
"Parent_ID": 0,
"ID": 20,
"index": 19
},
{
"Parent_ID": 20,
"ID": 21,
"index": 20
},
{
"Parent_ID": 0,
"ID": 22,
"index": 21
},
{
"Parent_ID": 0,
"ID": 23,
"index": 22
},
{
"Parent_ID": 23,
"ID": 24,
"index": 23
},
{
"Parent_ID": 23,
"ID": 25,
"index": 24
},
{
"Parent_ID": 0,
"ID": 26,
"index": 25
},
{
"Parent_ID": 0,
"ID":...