React 中的水平滚动 Table

Horizontal scroll in React Table

我在获得非常基本的功能时遇到问题,即。当页面宽度小于 table 大小时,我想在 React table 上设置水平滚动。我的代码没有任何异常,但无论如何我都会把它留在这里:

<ReactTable
  data={bookingPerson}
  columns={columns}
  className="-striped -highlight"
  defaultPageSize={7}
  loading={loading}
/>

只需简单地添加高度为 400 像素的样式,这将强制它可以滚动。

<ReactTable
      data={bookingPerson}
      columns={columns}
      className="-striped -highlight"
      defaultPageSize={7}
      loading={loading}
      style={{
        height: "400px"
      }}
 />