title: How to fill PrimeNG DataTable with Array<Object> in Angular2?
body: <p>I have an array of objects (called <em>devices</em>) which I get from an API during a POST method.
  When I try to fill it in a simple html table, it works:</p>
  
  <pre><code>&lt;table class="table table-striped"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th *ngFor="let property of devices[0] | keys"&gt;{{property.key}}&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr *ngFor="let device of devices"&gt;
        &lt;td *ngFor="let property of device | keys"&gt;{{property.value == null ? '---' : property.value.toString()}}&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I also use custom pipe to display key and value of each property of an object:</p>
  
  <pre><code>@Pipe({ name: 'keys' })
  export class KeysPipe implements PipeTransform {
    transform(value, args: string[]): any {
      let keys = [];
      for (let key in value) {
        if (value.hasOwnProperty(key)) {
          keys.push({ key: key, value: value[key] });
        }
      }
      return keys;
    }
  }
  </code></pre>
  
  <p>But when I try to do the same with PrimeNG DataTable, it doesn't display anything:</p>
  
  <pre><code>&lt;p-dataTable var="device" [value]="devices" sortMode="multiple"&gt;
     &lt;p-column *ngFor="let property of device | keys" field="{{property.value == null ? '---' : property.value.toString()}}" header="{{property.key}}" [sortable]="true"&gt;&lt;/p-column&gt;
  &lt;/p-dataTable&gt;
  </code></pre>
  
  <p>What am I missing/doing wrong?</p>