如何在React Bootstrap表中添加水平滚动条？

如何解决如何在React Bootstrap表中添加水平滚动条？

我正在使用React Bootstrap Table，我只想在最后两列中添加Horizontal Scrollbar。最后两列应包装在可滚动的容器中。我们如何实现呢？


const columns = [{
  datafield: 'id',text: 'Product ID'
},{
  datafield: 'name',text: 'Product Name'
},{
  datafield: 'price',text: 'Product Price'
},{
  datafield: 'month',text: 'Product month'
}. {
  datafield: 'year',text: 'Product year'
}];

class App extends Component {
  render() {
    return (
     <BootstrapTable
        keyField="id"
        data={ products }
        columns={ columns }
        striped
        hover
        condensed
     />
    );
  }
}

export default App;