title: How add horizontal scrollbar to table in react-virtualized (CodeSandBox)
body: <p>In this table I want to add some colums with widths. If columns are more width than page, the horizontal scrollbar doesn't show.</p>
  
  <p>How to remake example from sandbox and add horizontal scrollbar? Is to possible doing this by <code>Table</code> components?</p>
  
  <p><a href="https://codesandbox.io/s/k9km4qjkk5" rel="nofollow noreferrer">https://codesandbox.io/s/k9km4qjkk5</a></p>
  
  <p>React:</p>
  
  <pre><code>import React from "react";
  import ReactDOM from "react-dom";
  import { AutoSizer, Column, Table } from "react-virtualized";
  
  import "./styles.css";
  
  export default class List extends React.Component {
    state = {
      list: [
        {
          name: "Brian Vaughn",
          description: "Software engineer",
          aa: "aaaaaaaaa",
          bb: "bbbbbbbbbbb",
          cc: "cccccccccccccc"
        },
        {
          name: "Brian Vaughn",
          description: "Software engineer",
          aa: "aaaaaaaaa",
          bb: "bbbbbbbbbbb",
          cc: "cccccccccccccc"
        },
        ...
      ]
    };
    render() {
      return (
        &lt;AutoSizer&gt;
          {({ height, width }) =&gt; (
            &lt;Table
              width={width}
              height={height}
              headerHeight={20}
              rowHeight={35}
              overscanRowCount={100}
              rowCount={this.state.list.length}
              rowGetter={function({ index }) {
                return this.state.list[index];
              }.bind(this)}
            &gt;
              &lt;Column label="Name" dataKey="name" width={500} flexShrink={0} /&gt;
              &lt;Column
                width={500}
                flexShrink={0}
                label="Description"
                dataKey="description"
              /&gt;
              &lt;Column width={500} flexShrink={0} label="aa" dataKey="aa" /&gt;
              &lt;Column width={500} flexShrink={0} label="bb" dataKey="bb" /&gt;
              &lt;Column width={500} flexShrink={0} label="cc" dataKey="cc" /&gt;
            &lt;/Table&gt;
          )}
        &lt;/AutoSizer&gt;
      );
    }
  }
  
  const rootElement = document.getElementById("root");
  ReactDOM.render(&lt;List /&gt;, rootElement);
  </code></pre>