Как заполнить RowSpan и ColSpan на основе значений API React / HTML

Question

Как заполнить значения в таблице с помощью rowSpan / colSpan на основе имени под Object. Я получаю данные из API. Выглядит как ниже, Нужно показать в лучшую таблицу. который я поделился изображениями в качестве примера. Может ли кто-нибудь помочь в достижении Таблицы. Я хочу показать таблицу, как этот снимок поделился, любой лидерство в этом. Заранее спасибо ] 1

"name1": {
    "2020/03/24": [
      {
        "feature_name": "policy",
        "feature_details": "Policy",
        "components": [
          {
            "component_name": "Other DependentComponnet",
          }
        ],
        "dependencies": [
          {
            "component_name": "componentName",
            "git_pull_request": "",
            "release_build_id": ""
          }
        ],
        "person_in_charge": "xxxx",
      }
    ],
    "2020/04/02": [
      {
        "feature_name": "policy",
        "feature_details":"changes",
        "components": [
          {
            "component_name": "Other DependentComponnet",
          }
        ],
        "dependencies": [
          {
            "component_name": "componentName",
            "git_pull_request": "",
            "release_build_id": ""
          }
        ],
        "person_in_charge": "xxxx",
      }
    ]
},
"Name2": {
    "2020/02/24": [
      {
        "feature_name": " New Feature policy",
        "feature_details": "changes in Policy",
        "components": [
          {
            "component_name": "Other DependentComponnet",
          }
        ],
        "dependencies": [
          {
            "component_name": "componentName",
            "git_pull_request": "",
            "release_build_id": ""
          }
        ],
        "person_in_charge": "xxx",
      }
    ],
    "2020/03/02": [
      {
        "feature_name": " policy",
        "feature_details": "Policy changes",
        "components": [
          {
            "component_name": "Other DependentComponnet",
          }
        ],
        "dependencies": [
          {
            "component_name": "componentName",
            "git_pull_request": "",
            "release_build_id": ""
          }
        ],
        "person_in_charge": "xxx",
      }
    ]
},