title: add hard coded header to array of objects
body: <p>I am trying to add an additional header to an array of objects that contain the headers to my table. </p>
  
  <p>My question is, how would I add a header, manually to the same object property 'name'?</p>
  
  <p>I tried to initialize the array before push, but that does not give me the first element.</p>
  
  <p>Example:</p>
  
  <pre><code>vm.headers = ["Products"];
  
  angular.forEach(vm.metadata, function (value, key) {                             
      //headers
      vm.headers.push({
          name: value.DataFieldTitle,                        
          });              
  });
  </code></pre>
  
  <p>Many thanks.</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>I was initializing the array incorrectly. I got it to work like:</p>
  
  <pre><code>vm.headers = [{Name: "Products"}];
  </code></pre>
  
  <p>And the rest of the code stay the same.</p>