title: primeng with nested json in angular 4
body: <p>I am using p-dataTable with following JSON object </p>
  
  <pre><code>skuReportList:any[]= [
      {
        'sku':102,
        'name':'APRON 4WAY',
        'deliveryrange':[
          {'date':'10/12/17','qty':'34','drivername':'abc','type':'special request','deliverytime':'10:20'},
          {'date':'10/13/17','qty':'34','drivername':'abc','type':'special request','deliverytime':'10:20'},
          {'date':'10/14/17','qty':'34','drivername':'abc','type':'special request','deliverytime':'10:20'}
        ]
      },
      {'sku':103,'name':'APRON 4WAY',
        'deliveryrange':[
          {'date':'10/12/17','qty':34,'drivername':'abc','type':'special request','deliverytime':'10:20'},
          {'date':'10/13/17','qty':34,'drivername':'abc','type':'special request','deliverytime':'10:20'},
          {'date':'10/14/17','qty':34,'drivername':'abc','type':'special request','deliverytime':'10:20'}
        ]
      },
      {'sku':104,'name':'APRON 4WAY',
        'deliveryrange':[
          {'date':'10/12/17','qty':34,'drivername':'abc','type':'special request','deliverytime':'10:20'},
          {'date':'10/13/17','qty':34,'drivername':'abc','type':'special request','deliverytime':'10:20'},
          {'date':'10/14/17','qty':34,'drivername':'abc','type':'special request','deliverytime':'10:20'}
        ]
      },
      {'sku':103,'name':'APRON 4WAY',
        'deliveryrange':[
          {'date':'10/12/17','qty':34,'drivername':'abc','type':'special request','deliverytime':'10:20'},
          {'date':'10/13/17','qty':34,'drivername':'abc','type':'special request','deliverytime':'10:20'},
          {'date':'10/14/17','qty':34,'drivername':'abc','type':'special request','deliverytime':'10:20'}
        ]
      },
      {'sku':104,'name':'APRON 4WAY',
        'deliveryrange':[
          {'date':'10/12/17','qty':34,'drivername':'abc','type':'special request','deliverytime':'10:20'},
          {'date':'10/13/17','qty':34,'drivername':'abc','type':'special request','deliverytime':'10:20'},
          {'date':'10/14/17','qty':34,'drivername':'abc','type':'special request','deliverytime':'10:20'}
        ]
      },
  ]
  </code></pre>
  
  <p>Here is my HTML code for p-dataTable</p>
  
  <pre><code>&lt;p-dataTable *ngIf="showSkuLevelReport" [value]="skuReportList" scrollable="true" scrollHeight="calc(100vh - 390px)"  [paginator]="false" 
      responsive="true" [resizableColumns]="false" [globalFilter]="gb" #dt [rows]="8" class="custom-pagi" [hidden]="inCall"&gt;
  
          &lt;p-column title="sku" field="sku" header="SKU" [style]="{'width':'120px'}" styleClass="border-column" sortable="true"&gt;&lt;/p-column&gt;
          &lt;p-column title="name" field="name" header="Item Name" styleClass="no-border-column text-left"&gt;&lt;/p-column&gt;
          &lt;p-column *ngFor="let onecol of deliveryrange;let i = index" [field]="onecol.qty" [header]="onecol.date" [editable]="false" [sortable]="false"&gt;
          &lt;/p-column&gt;
   &lt;/p-dataTable&gt;
  </code></pre>
  
  <p>I need to get the following output table:</p>
  
  <p><a href="https://i.stack.imgur.com/mcrYU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mcrYU.png" alt="enter image description here"></a></p>
  
  <p>Can anyone help me out to get the corresponding output?</p>