如何在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>

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