Angular2 Looping through dynamic columns

Question

I'm building a dynamic table using angular2 using *ngFor as below, but I'm not able to see data. I'm not sure {{x[col]}} is correct, any idea?

<tr *ngFor="let x of exportList">
     <td *ngFor="let col of cols">
        {{x[col]}}
     </td>                      
 </tr>

Answer 1

You need to traverse each row in the inner loop. Try:

<tr *ngFor="let rows of exportList">
     <td *ngFor="let col of rows">
        {{col}}
     </td>                      
 </tr>

Answer 2

<tr *ngFor="let x of exportList">
     <td *ngFor="let col of x">
        {{col}}
     </td>                      
 </tr>

you simply need to replace cols with x. exportList contains numbers of object.so in x you will get one object in each loop.By using object,you can fetch each field.