Angular dynamic table using ngFor

Question

I would like to know if it is possible to create a dynamic HTML table from JSON data. The amount of columns and headers should change according to the keys in the JSON. For

Answer 1

This can help:

export class AppComponent {
 //Array of any value
  jsonData:any = [
    {id: "1", type: "bus", make: "VW", color: "white"},
    {id: "2", type: "taxi", make: "BMW", color: "blue"}
  ];
  _object = Object;
}

  

    

      

        
{{header}}
      
    
    

      

        
{{ row[objKey] }}