AngularJS ng-repeat-start and end with table and rowspan

I am facing issue while making a dynamic table with dynamic rowspan. My json is a array of objects. And the element objects are also arrays. The element arrays should come as the no of dynamic rowspan. I have a json like: { "1": { "Center": "123 ", "user": {enter image description here "1": { "userID": "1335", "UserName": "User1", "month": { "1": "3174.42", "2": "3107.75", "3": "3183.00", "4": "2197.17", "5": "2348.83", "6": "1917.92", "7": "1699.50", "8": "430.50" } }, "2": { "userID": "1336", "UserName": "user2", "month": { "1": "168.00", "2": "160.00", "3": "184.00", "4": "144.00", "5": "144.00", "6": "191.50", "7": "367.50", "8": "1520.25", "9": "2028.83", "10": "2085.75", "11": "2014.08", "12": "1144.75" } } } }, "2": { Center": "124", "user": { "1": { "userID": "1335", "UserName": "User1", "month": { "1": "2987.58", "2": "3121.17", "3": "4021.08", "4": "2907.50", "5": "3663.67", "6": "3560.00", "7": "3460.83", "8": "1283.25" } }, "2": { "userID": "1336", "UserName": "User 2", "month": { "6": "25.50", "7": "18.50", "8": "2722.33", "9": "3795.83", "10": "3944.83", "11": "3907.00", "12": "2257.58" } } } } }

if I want to use ng-repeat-start and ng-repeat-end and make a table structure like below: enter image description here I am struggling to get the dynamic rowspan. Please check if anyone can help.

Continue reading...