title: Refer to column value of nested Javascript array with React
body: <p>I have a Javascript array example that I wish to visualize in a table.</p>
  
  <p>Here's the array:</p>
  
  <pre><code>    var dataTable = [
          {   First:    {In: "5 MB", Out: "6 MB"},
              Second:    {In: "5 MB", Out: "1 MB"},
              Other:  {In: "0.2 MB", Out: "2 MB"}
          }
      ];
  </code></pre>
  
  <p>Using <code>fixed-data-table</code> in React, I wish to put this data into a table, where First, Second and Other are rows, and IN/OUT are columns. </p>
  
  <p>Say I wish to populate a field with the "in" value, and afterwards, the "Out" value. Do I refer to the nested value as <code>First[0].In</code> and <code>First[0].Out</code> to retrieve it and show it in a specific cell?</p>