2017-09-01 14 views
0

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

このコードは正常に動作し、私は自動幅サイズ変更可能なテーブルを取得します。

enter image description here がどのように私はこの問題を解決することができます:代わりに、私は下の写真のように1つの以上のスクロールを得たリサイズテーブル幅の、

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

100% widthで問題を抱えて: はその後、私は次のキーを追加しました?

答えて

2

は、私はまた、issue開かれ、ライブラリの作成者は、ソリューション助言:あなたはまた、私はあまりにもBootstrapTablebodyStyle={{overflow: 'overlay'}}を追加BootstrapTable

printableキーを追加する必要が

を。

関連する問題