React 中的水平滚动 Table

Question

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

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

Answer 1

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

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

React 中的水平滚动 Table

Horizontal scroll in React Table

reactjs

react-table