反应引导表宽度的问题

Question

我使用react-bootstrap-table并需要垂直滚动。 我的代码：

<BootstrapTable data={products} hover> 
     <TableHeaderColumn isKey dataField='id' width='10%'> 
      Product ID 
     </TableHeaderColumn> 
     <TableHeaderColumn dataField='name'> 
      Product Name 
     </TableHeaderColumn> 
     <TableHeaderColumn dataField='price'>Product Price</TableHeaderColumn> 
</BootstrapTable> 

此代码工作正常，我也得到了自动调整大小宽度表。 之后，我加入的下键：

<BootstrapTable data={products} hover height='200px'> 

与100% width了问题，而不是调整表格的宽度我救一个滚动像下面的图片：

我怎样才能解决这个问题？

Answer 1

我也开issue和图书馆的创建者建议的解决方案：

你必须对BootstrapTable

添加printable关键另外，我加在BootstrapTablebodyStyle={{overflow: 'overlay'}}了。