React表中的水平滚动

Question

我很难获得基本的功能，即。当页面的宽度小于表格大小时，我想在React桌上设置水平滚动。我的代码中没有什么异常，但是我还是把它留在这里：

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

Answer 1

只需添加高度为400px的样式，这将强制其滚动。

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

Answer 2

为此目的，请使用react虚拟化网格/多重网格。它适合您的示例。您可能要面对的一个问题是，您需要将tableData从对象数组转换为数组数组。