javascript – Alinhar 2 Informações em uma coluna com Table Utilizando *ngFor

Então, eu gostaria de alinhar minha tabela, atualmente ela está vindo assim:

Tabela Vindo assim

Porém o esperado seria algo como:

Tabela como Esperado

no caso, cada parte do objeto em determinada coluna de fila (aparecendo tanto status quanto o nome da fila em 1 Linha, alinhado com a coluna Fila)

eu tenho o seguinte código:

component.html

<table>

<tr>
    <th></th>
    <th *ngFor="let item of jsonReturn"> {{item.groupName}} </th>
</tr>
<tr>
    <th>Status</th>
    <th *ngFor="let item of jsonReturn"> {{item.groupStatus}} </th>
</tr>
<tr>
    <th>Fila Principal</th>
    <th *ngFor="let item of jsonReturn"> {{item.mainQueue}} </th>
</tr>

<tr>
    <th >Filas Secundárias</th>
    <ng-container *ngFor="let item of jsonReturn">
        <span *ngFor="let subItem of item.queueStatus">
            <td> {{subItem.queueName}} </td>
            <td> {{subItem.queueStatus}} </td>
        </span>
    </ng-container>

</tr>

component.css

    table {
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    text-indent: initial;
  }
  
  th {
  font-size: 12px;
  font-weight: 500;
  color: #2196f3;
  border-radius: 4px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  white-space: nowrap;
  background-color: #e8eaf6;
  }
  
  th, td {
  padding: 8px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(0,0,0,.12);
  text-align: center !important;
  min-width: 100px;
  }
  
  tr:hover {
      background-color: #c5cae9 !important;
  }

Exemplo de Objeto:

    jsonReturn:any = (
    {groupName:"Grupo",groupStatus:"Ativo",mainQueue:"Fila 1",
    queueStatus:({queueName:"Fila 2",queueStatus:"Aberta"},{queueName:"Fila 3",queueStatus:"Aberta"},{queueName:"Fila 4",queueStatus:"Aberta"})},
    
    {groupName:"Grupo 1",groupStatus:"Desativado",mainQueue:"Fila 2",
    queueStatus:({queueName:"Fila 1",queueStatus:"Fechado"},{queueName:"Fila 3",queueStatus:"Aberta"},{queueName:"Fila 4",queueStatus:"Aberta"})},

    {groupName:"Grupo 2",groupStatus:"Ativo",mainQueue:"Fila 3",
    queueStatus:({queueName:"Fila 1",queueStatus:"Aberta"},{queueName:"Fila 2",queueStatus:"Aberta"},{queueName:"Fila 3",queueStatus:"Aberta"})},

    {groupName:"Grupo 3",groupStatus:"Ativo",mainQueue:"Fila 4",
    queueStatus:({queueName:"Fila 1",queueStatus:"Aberta"},{queueName:"Fila 2",queueStatus:"Aberta"},{queueName:"Fila 3",queueStatus:"Aberta"})}
  )