React-virtualized WindowScroller，滚动显示在 table 级别而不是 window

Question

我使用 WindowScroller 在 window 级别滚动，但滚动条显示在 table 级别。我做错了什么？

<WindowScroller>
                {(scroll) => {
<Table
                headerHeight={0}
                rowHeight={480}
                rowCount={rowsCount}
                isScrolling={scroll.isScrolling}
                scrollTop={scroll.scrollTop}
                onScroll={scroll.onChildScroll}
                rowGetter={({index}) => {...}
                height={props.size.height}
                width={props.size.width}>
...
</Table>
}
            </WindowScroller>

我用的是9.18.5版本。 WindowScroller 对在 window 级别显示有一些特定要求吗？

Answer 1

问题与 CSS 有关。我必须更改 html 的结构才能获得 window 滚动效果。我也必须在 9.18.5 版本中设置为自动。

div.ReactVirtualized__Grid.ReactVirtualized__Table__Grid {
    height: auto!important;
}

React-virtualized WindowScroller，滚动显示在 table 级别而不是 window

React-virtualized WindowScroller, scroll shows on table level not window

reactjs

react-virtualized