title: angular ui grid display array in a column
body: <p>I am trying to make a data binding from array representation to be dispalyed in one column.
  See <a href="http://jsfiddle.net/0vgb89vn/2/" rel="nofollow">http://jsfiddle.net/0vgb89vn/2/</a></p>
  
  <p>For example:</p>
  
  <pre><code>var dataAsArray = {
  "names": ["firstName", "lastName", "company", "employed"],
  "data": [
      ["Cox", "Carney", "Enormo", true],
      ["Lorraine", "Wise", "Comveyer", false],
      ["Nancy", "Waters", "Fuelton", false]
  ]};
  </code></pre>
  
  <p>To be dispalyed as</p>
  
  <h1>first name | lastName   | company   | employed</h1>
  
  <h2>Cox        | Carney     | Enormo    | true</h2>
  
  <h2>Lorraine   | Wise       | Conveyer  | false</h2>
  
  <p>....</p>
  
  <p>If simplier, another data representation could be</p>
  
  <pre><code>var dataAsArrayOption2 = {
  "names": ["firstName", "lastName", "company", "employed"],
  "data": [
      ["Cox", "Lorraine", "Nancy"],
      ["Carney", "Wise", "Waters"],
      ["Enormo", "Comveyer", "Fuelton"],
      [true, false, false]
  ]
  </code></pre>
  
  <p>};</p>
  
  <p>Any idea how to do the data biding? do we need to use a cell template? or a mapping function to retrieve data per row and per column?</p>
  
  <p>Again here is a the context of my issue:</p>
  
  <p><a href="http://jsfiddle.net/0vgb89vn/2/" rel="nofollow">http://jsfiddle.net/0vgb89vn/2/</a></p>
  
  <p>Thanks in advane for our help!</p>