title: How to populate JSON data using ngx-datatable in angular 4
body: <p>I am new to Angular 4 and i am trying to implement the ngx-datatble by following the approach defined in <a href="https://swimlane.gitbooks.io/ngx-datatable/content/introduction/getting-started.html" rel="nofollow noreferrer">ngx-datatable github</a> and i am able to populate the table, however my confusion starts when i am trying to populate the data from a JSON object.
  The row and column array are bonded with the "name" property and same is being shown as header. But in actual JSON we will have camel-case naming convention.How to populate that data with proper header.</p>
  
  <p>Please advice, any help would be appreciated..!!!</p>
  
  <p>Thanks in Advance</p>
  
  <p>Please find my code below:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div&gt;
    &lt;ngx-datatable
      [rows]="rows"
      [columns]="columns"&gt;
    &lt;/ngx-datatable&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>TS File</strong></p>
  
  <pre><code>rows = [
      { Firstname: 'Austin', gender: 'Male', company: 'Swimlane' },
      { name: 'Dany', gender: 'Male', company: 'KFC' },
      { name: 'Molly', gender: 'Female', company: 'Burger King' },
  ];
  columns = [
      { prop: 'Firstname' },
      { name: 'Gender' },
      { name: 'Company' }
  
  ];
  </code></pre>
  
  <p><strong>Target JSON</strong></p>
  
  <pre><code>[{
    "firstName":"abc",
    "lastName":"xyz",
    "address_1":"lorem ipsum",
    "address_2":"and so on"
  },{
    "firstName":"abc",
    "lastName":"xyz",
    "address_1":"lorem ipsum",
    "address_2":"and so on"
  },{
    "firstName":"abc",
    "lastName":"xyz",
    "address_1":"lorem ipsum",
    "address_2":"and so on"
  }]
  </code></pre>