reactjs - 如何在 react-table 上使用 react-perfect-scrollbar 来覆盖默认滚动条？

Question

我正在尝试在 react-table 上使用 react-perfect-scrollbar 但它不起作用，它在自定义表上起作用。

<PerfectScrollbar>
        <Table className='table'>
          <thead className='table-head'><tr>{head}</tr></thead>
          <tbody className='DashboardCard-table-body'>{body}</tbody>
        </Table>
      </PerfectScrollbar>

我试过这个：

<PerfectScrollbar>
    <ReactTable data={data} columns={columns} />    
</PerfectScrollbar>

它应该显示新的滚动条，但它没有......在任何地方都没有找到信息。

Answer 1

您是否尝试过在 PerfectScrollbar JSX 元素上设置高度？我有一个类似的问题，我用这个解决了：

<PerfectScrollbar style={{ height: "100vh" }}>
    ...Your content...
</PerfectScrollbar>

您可能需要使用不同的高度值，但显然滚动条需要一个高度值。