Показать таблицу в angular со сложными JSON данными

Question

Мне нужно отобразить ниже JSON данные, как в формате таблицы. Данные поступают из службы. Я хочу отобразить как изображение листа Excel (которое я загрузил). Я много пробовал, но не смог завершить. кто-то, пожалуйста, помогите мне

JSON Данные

{ 
   "itemName":"ABC",
   "head1":"238364",
   "head2":null,
   "head3":"9",
   "head4":"Level 3",
   "dataList":[ 
      {
         "QName":"Phase 1 - Dummy1",
         "subDataList":[ 
            {
               "subDataName":null,
               "taskList":[ 
                  { 
                     "name":"junk1",
                     "iheader1":10,
                     "iheader2":10000.0,
                     "iheader3":3.5,
                     "iheader4":3500.0
                   },
                  { 
                     "name":"junk2",
                     "iheader1":10,
                     "iheader2":10000.0,
                     "iheader3":3.5,
                     "iheader4":3500.0
                   } 
                ]
             }
          ]
       },
      {
         "QName":"Phase  3 - Dummy3",

         "subDataList":[ 
            {
               "subDataName":additionalHead1,
               "taskList":[ 
                  { 
                      "name":"junk1",
                     "iheader1":10,
                     "iheader2":10000.0,
                     "iheader3":3.5,
                     "iheader4":3500.0
                   }
                ]
             }
          ]
       }

    ],

      "TOTAL1":{ 
         "taskName":"[A] Total XXXX",
          "iheader1":10,
           "iheader2":10000.0,
           "iheader3":3.5,
           "iheader4":3500.0
       },
      "TOTAL2":{ 
         "taskName":"[B] Total XXXXX",
          "iheader1":10,
           "iheader2":10000.0,
           "iheader3":3.5,
           "iheader4":3500.0
       }


    }
}

должно отображаться как изображение

Заранее спасибо
Маниваннан