title: react-bootstrap-table - formatting - row height, text wrap
body: <p>I am working with react-bootstrap-table  and I am facing problems with formatting it. Main issues are:</p>
  
  <ul>
  <li><p>the headers with long names should be presented with 2 lines of text, instead there is one and "..." like in the picture below:
  <a href="https://i.stack.imgur.com/sUq5Y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sUq5Y.png" alt="enter image description here"></a></p></li>
  <li><p>Moreover in no way I could set the height of a single row of a table. Each text has big padding therefore the table is not too condensed:
  <a href="https://i.stack.imgur.com/tmzsK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tmzsK.png" alt="enter image description here"></a></p></li>
  </ul>
  
  <p>And the code goes here:</p>
  
  <pre><code>&lt;BootstrapTable
     data={this.props.sales}
     version="4"
     striped
     hover
     pagination
     keyField="Type"
  &gt;
    {tableHeaders.map((header, index) =&gt; (
       &lt;TableHeaderColumn key={index} dataField={header.id} style={{ height: 10 }}&gt;
          {header.name}
       &lt;/TableHeaderColumn&gt;
    ))}
  &lt;/BootstrapTable&gt;
  </code></pre>