title: React-Table Column Headers Displaying Vertically
body: <p>I am using the React-Table module to create a table. So far I have the following:</p>
  
  <pre><code>&lt;div&gt;
      &lt;ReactTable
      columns={[{columns :
          [{
            Header: "Time",
            accessor: "time", //name of field in table
          },
          {
            Header: "Weight",
            accessor: "weight",
          }
        ]}]}
      /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However, my column headers are displaying vertically like this:</p>
  
  <p>Time</p>
  
  <p>Weight</p>
  
  <p>I would like them to display horizontally as expected.</p>