title: Trouble with react-bootstrap-table width
body: <p>I use <code>react-bootstrap-table</code> and need the vertical scroll.
  My code:</p>
  
  <pre><code>&lt;BootstrapTable data={products} hover&gt;
        &lt;TableHeaderColumn isKey dataField='id' width='10%'&gt;
            Product ID
        &lt;/TableHeaderColumn&gt;
        &lt;TableHeaderColumn dataField='name'&gt;
            Product Name
        &lt;/TableHeaderColumn&gt;
        &lt;TableHeaderColumn dataField='price'&gt;Product Price&lt;/TableHeaderColumn&gt;
  &lt;/BootstrapTable&gt;
  </code></pre>
  
  <p>This code works fine and I get the auto width resizable table.
  After that, I added next key: </p>
  
  <pre><code>&lt;BootstrapTable data={products} hover height='200px'&gt;
  </code></pre>
  
  <p>and got the problem with <code>100% width</code>, instead of resizing table width I got one more scroll like in the picture below:</p>
  
  <p><a href="https://i.stack.imgur.com/qfTtJ.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qfTtJ.gif" alt="enter image description here"></a>
  How can I fix this?</p>