Угловая таблица ngprime с использованием 2 JSON

Question

Я новичок в ngprime и сталкиваюсь с проблемой ниже. Я получил 2 json, один для меток для первого столбца, а второй json имел данные для второго и третьего столбцов. Данные для второго и третьего столбца должны отображаться на основе идентификатора из JSON 1. Например. json один имеет идентификатор firstName и отображаемое имя в качестве имени. Мне нужно сослаться на идентификатор из json one и искать тот же идентификатор в json 2 и отображать значения в столбцах 2 и 3.

Я хочу добиться этого с помощью p-таблицы ngPrime и даже не могу начать. Ниже приведен json, который будет использоваться, и будет получен вывод.

Попробовал поискать похожие вопросы, не помогло мне ничего. пожалуйста, помогите мне с примером

var json1 = [
  {id:'firstName', displayname:'First Name'},
   {id:'lastName', displayname:'Last Name'},
    {id:'age', displayname:'Age'},
     {id:'city', displayname:'City'},
      {id:'state', displayname:'State'}
      ];
      
var json2 = [
    {'firstName':'abc', 'age': 23, 'state':'MH', 'lastName': 'sharma', 'city': 'Mumbai'},
    {'firstName':'xyz', 'age': 35, 'state':'TL', 'lastName': 'Verma', 'city': 'Hyderabad'}
];

<!-- Need output as below using ngPrime <p-table><p-table> -->


<table border="1">
  <thead>
    <tr>
      <th>Description</th>
      <th>Record 1</th>
      <th>Record 1</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>First Name</td>
      <td>abc</td>
      <td>xyz</td>
    </tr>
    <tr>
      <td>Last Name</td>
      <td>sharma</td>
      <td>verma</td>
    </tr>
    <tr>
      <td>Age</td>
      <td>23</td>
      <td>35</td>
    </tr>
    <tr>
      <td>City</td>
      <td>Mumbai</td>
      <td>Hyderabad</td>
    </tr>
    <tr>
      <td>State</td>
      <td>MH</td>
      <td>TL</td>
    </tr>
  </tbody>

</table>