title: React.js: Resize table generated by React-Google-Chart
body: <p>I am using React-Google-Chart to visualize the data that I have in my component. However, the chart itself, does not get larger visually but as a element..</p>
  
  <p>Let me explain:</p>
  
  <pre><code>&lt;div className="container"&gt;
              &lt;Chart
                  chartType="Table"
                  width="100%"
                  height="400%"
                  data={this.mapArray()}
                  options={this.state.options}
              /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My option state:</p>
  
  <pre><code>    options : {
          title: "Company Performance",
          curveType: "function",
          legend: { position: "bottom" },
          pageSize: 50
      },
  </code></pre>
  
  <p>Currently I have the width as <code>100%</code>. Now if I set the width to <code>1000%</code>, the actual visual width does not get any wider. However, if I inspect the CSS elements, it showed that the <code>div</code> is taking out 10 times spaces as it used to. However, it is not what i wanted. I tried to play with the default CSS provided by google but it does not get any larger. Apparently, it is the max size it can get,but it is still really smaller compare to the background</p>
  
  <p>What I wanted to do : I want to make the chart larger visually.  Both chart itself and the field. </p>
  
  <p>Any help can be appreciated.</p>