I have an array which contains other arrays inside like that:

array = [

           [element A, element B],

           [YES, NO]

        ]

And I want to loop through this array of object in an HTML table using ngFor:

   <table>

     <thead>

       <tr>

         <th>#</th>

         <th>COLUMN 1</th>

         <th>COLUMN 2</th>

       </tr>

     </thead>



     <tbody>

       <template *ngFor=let row of csvContent; let in = index>

         <th scope=row>{{in}}</th>

            <template *ngFor=let c of row; let in = index>

              <td>

               {{c[0]}}

              </td>

            </template>

       </template>

     </tbody>

  </table>

I want to display each inner array list below COLUMN1 and COLUMN2 respectively:

 COLUMN1   | COLUMN2

 --------------------

 element A | YES

 element B | NO

I can't figure it out how to use *ngFor properly in order to list an array of arrays (Simple list of strings). At the moment, it's either an empty array or a shifted & messed up Table presentation.

This is how looks the Table:

Or this wrong presentation because Element A and B should be below COLUMN 1 and YES, NO should be below COLUMN2: