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

Question

我正在使用React Bootstrap Table，我只想在最后两列中添加Horizo​​ntal 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;