Trouble with table width

[foreveRush]

I use react-bootstrap-table and need the vertical scroll. My code:

<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>

This code works fine and I get the auto width resizable table. After that, I added next key:
<BootstrapTable data={products} hover height='200px'>
and got the problem with 100% width, instead of resizing table width I got one more scroll like in the picture below:

How can I fix this?

[AllenFang]

ah.. it's a known issue before for fixing some unalign issue.. Because react-bootstrap-table will adjust column width when vertical scroll bar existing, but there's a tricy way to avoid this dynamic adjust, you can add printable on BootstrapTable

[foreveRush]

Thanks, adding printable on BootstrapTable helped me.