I am consuming a web api in my application from the web api I am getting response in following format
"item1": {
"Data": {
"xyz": {
"total": 23,
"used": 6,
"available": 17
},
"abc": {
"total": 21,
"used": 5,
"available": 16
},
"def": {
"total": 18,
"used": 5,
"available": 13
},
},
"code": "an"
}
I want to bind this to html table in following format
| Name |
Details |
total |
used |
available |
code |
| item1 |
xyz |
23 |
6 |
17 |
an |
| item1 |
abc |
21 |
5 |
16 |
an |
| item1 |
def |
18 |
5 |
13 |
an |
Kindly help on this as I am not understanding how to access inside properties,for example inside item1 there is Data and code inside data there are three objects xyz,abc,def and each have 3 properties total,used,available whic I have to display in table. And code property value is an
Kindly guide me on this