title: Primeng - Cant display array items in a column
body: <p>I am using primeng datable in Angular 2. My model is an array of <code>products</code>. Every product has an array of <code>locations</code>. That array of locations have a property <code>name</code> . How to display every <code>name</code> of locations array in a row of <code>product</code>?</p>
  
  <p>Example: If first <code>product</code> has 5 <code>name</code> in its <code>locations</code> array, it should display 5 <code>names</code> in <code>locations</code> column</p>
  
  <p>Currently i am doing this.</p>
  
  <pre><code>&lt;p-dataTable [value]="products" selectionMode="single" [(selection)]="selectedProduct" (onRowSelect)="onRowSelect($event)" [paginator]="true" rows="5" [responsive]="true"&gt;
                &lt;p-column field="name" header="Name" [sortable]="true"&gt;&lt;/p-column&gt;
                &lt;p-column field="model" header="Model" [sortable]="true"&gt;&lt;/p-column&gt;
                &lt;p-column field="name" header="Quantity" [sortable]="true"&gt;&lt;/p-column&gt;
                &lt;p-column field="locations.location.name" header="Locations" [sortable]="true"&gt;
                &lt;/p-column&gt;
              &lt;/p-dataTable&gt;
  </code></pre>