title: How to set table heading dynamically in angular 2?
body: <p>I am getting JSON data and I am storing JSON data on my property.</p>
  
  <pre><code>this.ResultData_search=data.json().extras.ResultData 
  
  this.ResultData=[
  
    {
          "First_name": "xx",
          "Email": "xxxx",
          "Phone": "xxx",
          "countryCode": "+91",
          "order_datetime": "xxx",
          "status": 11,
          "DeviceType": 3,
          "orderId": "59081a04c9ff6852a49dd32a",
          "orderseqId": "E00002347",
          "orderType": 1,
          "CustomerID": "xx",
          "pickAddress": "xx",
          "dropAddress": "xx",
          "pickLatitude": 17.4369414,
          "dropLatitude": 17.43673,
          "dropLongitude": 78.36710900000003,
          "paymentType": 2,
          "itemDescription": "",
          "receiverName": "uday",
          "receiverPhone": "xx",
          "itemName": "sanjay",
          "deliverycharge": "199",
          "bookingType": 1
        }
        }]
  </code></pre>
  
  <p>I want to set all keys as table heading and data as table rows. I referred to the below links<a href="https://stackoverflow.com/questions/38810318/dynamically-loading-columns-and-data-in-to-table-in-angular-2">https://stackoverflow.com/questions/40713580/angular2-table-with-dynamic-rows-and-columns</a></p>
  
  <p>Link 2:<a href="https://stackoverflow.com/questions/38810318/dynamically-loading-columns-and-data-in-to-table-in-angular-2">Dynamically loading columns and data in to table in Angular 2</a></p>
  
  <p>Any plunker will be very helpful to me.</p>